Possible Duplicate:
Prevent scrolling of parent element?
Say I have two elements as such:
<div id="parent">
<div id="child">
Hello
</div>
</div>
Both elements have overflow-y: scroll. When I scroll inside the #child
, when I reach the bottom of the scroll, the #parent
scroll initiates. That's what I'm trying to prevent. I don't want to #parent
element to scroll when my mouse is in the #child
element.