首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >检测从顶部jquery滚动的距离

问检测从顶部jquery滚动的距离
EN

Stack Overflow用户
提问于 2010-01-07 23:36:25
回答 4查看 76.7K关注 0票数 43

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

我使用的是jQuery。

编辑:我不能只使用scrollTop(),因为我使用的是100%高度的div,overflow设置为auto。由于这个原因,Firefox没有检测到浏览器滚动,唯一的滚动是100%x100%div...

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2010-01-08 01:40:32

好吧,伙计们,我找到了:

代码语言:javascript
复制
$("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);
})
票数 7
EN

Stack Overflow用户

发布于 2010-01-07 23:53:45

使用$(document).scrollTop():

代码语言:javascript
复制
$(document).scroll(function() {
    console.log($(document).scrollTop());
})
票数 84
EN

Stack Overflow用户

发布于 2015-07-17 19:33:30

您可以使用scrollTop()来查看您所访问的页面的深度。

代码语言:javascript
复制
$(window).scroll(function() {
  console.log($(window).scrollTop());
  if ($(window).scrollTop() > 200) {
    $('#div').stop().animate({
      'marginTop': $(window).scrollTop() + 'px',
      'marginLeft': $(window).scrollLeft() + 'px'
    }, 'slow');
  }
});
票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/2021440

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档