javascript - 检查在页面底部附近/底部

标签 javascript jquery html

我需要检查元素是否距离页面底部 x 像素,以动态加载新内容。目前,即使栏位于底部,scrollTop 和高度也不匹配。

jquery 是允许的,虽然基本的 javascript 会更有帮助。

最佳答案

您可能想尝试以下方法(仅在 Firefox 3.5 和 IE 8 中测试):

function pollScrollPosition() {
   var y = (document.all) ? document.body.scrollTop : window.pageYOffset;
   var max = window.scrollMaxY || 
             (document.body.scrollHeight - document.body.clientHeight);

   if ((max - y) < 100) {
      console.log('Within the bottom 100 pixels. Do Something!');
   }
}

// Check the scroll position every 250ms
setInterval(pollScrollPosition, 250);

Firebug 中上述示例的屏幕截图:

Checking is near/at the bottom of the page

关于javascript - 检查在页面底部附近/底部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3057892/

相关文章:

javascript - 是否可以让 MathJax 仅在特定标签内转换 LaTeX?

javascript - Firebase SDK 6.1.0 的云存储 : can't list files in a bucket using listAll()

jquery - 获取容器中每个镜像的ID

javascript - 如何使jQuery每个循环重复无限次

jquery - 从 Chrome 上的 tinymce 编辑器中删除 <p> 标签

javascript - 添加了变量值但数组没有被推送

javascript - Ember 数据:如何正确发布

javascript/jquery 获取变量的值

javascript - 为什么在javascript Canvas 动画上创建几个对象后,它们是连接在一起的?

html - 如何在我的 HTML 表格中正确设置列宽?