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

Popular posts from this blog

Java - Error: no suitable method found for add(int, java.lang.String) -

java - JPA TypedQuery: Parameter value element did not match expected type -

c++ - static template member variable has internal linkage but is not defined -