javascript - 到达页面底部时发出警报 当我在顶部时发出警报

标签 javascript jquery html

我试图在到达页面底部时发出警报。但由于某种原因,当我滚动到页面顶部时它会调用警报。它在 IE 中工作,但当我在 chrome 或 Mozilla 中使用代码时,它没有。

我还注意到,如果我放大或缩小 chrome,它也会在页面顶部停止工作。我为此搜索了答案,并看到了对类似问题的引用,但因此没有找到答案。

如果有人能阐明这一点,我将不胜感激。这是我一直在使用的 JS 代码。

<script type="text/javascript">
  $(document).ready(function(){
    var load = 0;
    var nbr = '1';
    $(window).scroll(function(){
      if($(window).scrollTop() == $(document).height() - $(window).height()){
        alert(nbr);
      }
    });
  });
</script>

最佳答案

您应该为您的文档指定一个文档类型,以便 $(window).height() 能够按您的预期工作:

 <!DOCTYPE html>

通过添加这个你可以强制执行严格模式而不是怪癖模式。

jQuery 不支持 quirks 模式,如 jQuery 1.8.1 release notes 中所述。 :

Don’t use Quirks mode! jQuery has never supported Quirks mode and we do not perform any testing in Quirks. This can affect values like $("window").height()

关于javascript - 到达页面底部时发出警报 当我在顶部时发出警报,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36526719/

相关文章:

javascript - Angular 和 Firebase : Cannot find namespace 'firebase'

javascript - 简单的淡入淡出不起作用

javascript - 一个接一个地加载元素——简单的jQuery

javascript - 如何将数组从 jQuery Ajax 传递到 MVC 5 Action ?

javascript - onclick 属性与脚本中的 onclick

html - 为 MailChimp HTML CSS 添加 2 列布局

javascript - 花太多时间调用 promise 的 then 函数

javascript - jQuery slider 自动播放按钮不起作用

html - 在浏览器中检测 URI 方案支持

html - CSS3 flex - 拉伸(stretch)图像而不是居中?