How to put an overflow on a scripted div to leave fixed lists in the header?

Question

Hello, I’m trying to add a overflow:scroll in my project, but this invalidates the script that leaves the div marker fixed at the top until you reach the next div.

http://jsfiddle.net/5cC83/5/

If you overflow:scroll css in .divContexto the code works properly with the div .marker getting fixed at the top of the div context when scrolling the page. But as you will have several blocks on the page I will create I need to make it work even with overflow:scroll.

Could someone help me solve the problem?

Answer 1

You could put an extra div encompassing the . divContext so that the father has the scroll?

In jQuery you could do something like

$(".divContexto").wrap("rolagem");

And in CSS a div . scroll that would have scroll.