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...
use $(document).scrollTop() :
$(document).scroll(function() {
console.log($(document).scrollTop());
})
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);
})
$(document).ready(()=> {
$(window).scroll(function() {
console.log($(window).scrollTop());
})
}