检测从顶部jquery滚动的距离

Question

如何检测浏览器窗口中滚动的像素数？ 我需要这个来动态调整100％高度div的高度......

我正在使用jQuery。

编辑：我不能只使用scrollTop（），因为我正在使用100％高度div，溢出设置为auto。由于这个原因，Firefox没有检测到浏览器滚动，唯一滚动的是100％x100％div ...

Answer 1

使用$(document).scrollTop()：

$(document).scroll(function() {
    console.log($(document).scrollTop());
})

Answer 2

好吧，伙计们，我找到了：

$("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);
})

Answer 3

您可以使用scrollTop（）查看您所走过的网页的距离。

$(window).scroll(function() {
  console.log($(window).scrollTop());
  if ($(window).scrollTop() > 200) {
    $('#div').stop().animate({
      'marginTop': $(window).scrollTop() + 'px',
      'marginLeft': $(window).scrollLeft() + 'px'
    }, 'slow');
  }
});