How do you create a html scrollable area, that just uses the main browser scrollbar
I was looking at an issue in JIRA (e.g. here, an issue in JIRA 4) and I noticed JIRA 4 has some interesting scrolling behaviour, where when scrolling down with the main browser scrollbar,the jira header scrolls up out of way, then the issue title stays fixed at top, then the rest of the issue continues to scroll. So the issue title is always visible.
It changes dynamically the div
#stalker which has
position:absolute;top:76px;. When the user scroll, change the position to
position:fixed;top:0 and keep it in a fixed place, giving you the ability to scroll the rest content.
I created an example of this behavoir, because I was curious and here the demo if you want to check it http://jsbin.com/igiji5/3