Question

How can I detect the number of pixels scrolled in a browser window?
I need this to dynamically adjust the height of a 100% height div…

I’m using jQuery.

EDIT: I cannot just use scrollTop() because I’m working with a 100% height div with overflow set to auto. Firefox does not detect browser scrolling due to this, the only thing scrolling is a 100%x100% div…

Answer 1

Allright guys, I found it:

$("div#container").scroll(function() {
         var screenheight = parseInt($(document).height());
         var scrolledpx = parseInt($("div#container").scrollTop());     
         var sum = screenheight+scrolledpx;
         console.log($("div#container").scrollTop());
         console.log("screen: " + screenheight);
         console.log("sum=" + sum);
         $("div.content").height(sum);
})