IE content not scrolling in overflow container
IE content not scrolling bug
If you have some content in a container and the content isn’t scrolling, there is probably an easy fix. If any of the content inside the container that is position relative, the container must also be position relative.
Doesn’t work in IE
<div id="scroller" style="overflow-y:scroll"> <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p> <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p> <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p> <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p> <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p> <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p> </div> |
Works in IE
<div id="scroller" style="overflow-y:scroll;position:relative"> <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p> <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p> <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p> <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p> <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p> <p style="position:relative">Lorem ipsum dolor sit amet, consectetur</p> </div> |
Photo by Anderson Mancini
No comments yet, be the first.