javascript - 检测 Scroll 何时到达页面的底部 [没有 jQuery]

标签 javascript scroll

我想在滚动到达页面底部时发出警告,如下所示:

$(function(){
  $(document).scroll(function() {
    if($(document).scrollTop() == 0) alert("top");
  })
})

但没有 jQuery,到达底部时发出警报。

最佳答案

document.addEventListener('scroll', function (event) {
    if (document.body.scrollHeight == 
        document.body.scrollTop +        
        window.innerHeight) {
        alert("Bottom!");
    }
});

JSFiddle 在这里:http://jsfiddle.net/cSer6/

关于javascript - 检测 Scroll 何时到达页面的底部 [没有 jQuery],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10059888/

相关文章:

javascript - JavaScript 仍在运行时,浏览器是否显示 HTML 更改或允许提交表单?

javascript - 使用 For 循环将 Javascript 对象推送到数组中

javascript - Nodejs - 正确从其他文件调用方法

javascript - 带有 setState 的 React 滚动动画不稳定

html - 有没有办法让一个 div 的高度取决于一个子 div 的内容而不是另一个?

java - 无法在其父 NestedScrollView 中滚动 ListView - Android

html - 如何自定义滚动导航栏?

javascript - 绘制图像不显示图像

javascript - 在 IE 和其他浏览器中获取元素位置

javascript - IonicscrollTo 跳过顶部值。什么是 __maxScrollTop?可能的错误