Полезный фрагмент кода jquery при добавлении полосы прокрутки в div, если содержимое превышает область элемента контейнера. Извините, не демо, но просто вставьте в Firebug.
//D = document
//W = window
//$ = jQuery
var contentArea = $(this),
wintop = contentArea.scrollTop(),
docheight = $(D).height(),
winheight = $(W).height(),
divheight = $('#content').height(),
scrollheight = $('#content')[0].scrollHeight,
scrolltrigger = 0.9;
console.log('wintop ' + wintop);
console.log('docheight ' + docheight);
console.log('winheight ' + winheight);
console.log('divheight ' + divheight);
console.log('scrollheight ' + scrollheight);
console.log((wintop + divheight)/scrollheight);
if (((wintop + divheight)/scrollheight) > scrolltrigger) {
// display scroll bar
}
Дальнейшее чтение:
http://manos.malihu.gr/jquery-custom-content-scroller
http://jscrollpane.kelvinluck.com/arrows.html