angularjs - CSS - Scroll is consumed by the div behind -
I have two divs, after that one is planned to be the right drawer, when the drawer is opened and I scroll Trying to do is, scroll events are used by div. What should I do in order to use the drawer in order to consume scroll events. I mean, I have to scroll over the drawer not on the main area.
This is my favorite:
& lt; Div ng-app & gt; & Lt; Div ng-controller = "MyCtrl" & gt; & Lt; Div ng-repeat = "values in values" category = "main" & gt; M {{}} value & lt; Br / & gt; & Lt; / Div & gt; & Lt; Div class = "right drawer" & gt; & Lt; Div class = "scrollableArea" & gt; & Lt; Div ng-repeat = "value in value 2" & gt; D {{}} value & lt; Br / & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Div & gt;
My CSS
. Main {background-color: yellow; } .right drawer {background color: light green; Status: fixed; Width: 400px; Top: 0; Correct: 0; z-index: 5; } .scrollableArea {overflow: scroll; } Thanks!
You can: .right driver {background Color: LightGreen; Status: fixed; Width: 400px; Height: 100%; Overflow-y: overlay; Top: 0; Correct: 0; z-index: 5; } here
Comments
Post a Comment