绑定事件在Chrome上失败，但在浏览器返回时在Firefox中正常

bind event fail on Chrome but OK in Firefox when browser back

本文关键字：返回 Firefox 浏览器 Chrome 事件 失败 绑定      更新时间：2023-09-26

当滚动到页面末尾时，我绑定了一个滚动事件，做一些功能。在此页面上，有指向其他页面的链接。一次转到另一个页面，然后单击浏览器上的后退按钮。此事件在FireFox中仍然表现良好，但在Chrome中不起作用

        $(window).bind("scroll", function() {
                if ($(document).scrollTop() + $(window).height() > $(document).height() - 50) {
                               a()
                    }
                }
        })

我已经在chrome ie 10和fire fox中测试过了，它很有效。每次我滚动到文档末尾时，它都会发出警报。但要确保页面上的元素比屏幕本身大。例如，如果你的屏幕高度是900像素，那么你的页面中需要一个1000像素的元素，这样re就是一个滚动条。并且正好在文档结束前50 px，您将收到警报。

$(document).ready(function(){
   $(window).bind("scroll", function() {
      if (($(document).scrollTop() + $(window).height()) > ($(document).height() - 50)) {
           alert("scrol top is more then document height");
          }
      });
});
相关文章：