0

I have this absolutely positioned icon <a>, hence its parent <li> is relatively positioned. The list items are in a scrollable <div>.

Problem is except for these <li>s other elements in the div are scrolling along with the height of the div, whereas the <li>s stays fixed whereas I expected the <li>s also to be scrolled along inside the div.

Tried overflow:hidden, zoom:1, doesn't work.

Here is the jsfiddle link

code.tweetie
  • 614
  • 1
  • 6
  • 16

1 Answers1

0

Found the answer from this question, https://stackoverflow.com/a/13996983/1531426

I thought I searched enough :(

Adding position:relative;overflow:auto; to the container div which has the height, fixes the issue.

Community
  • 1
  • 1
code.tweetie
  • 614
  • 1
  • 6
  • 16