主页 / 问题 / 637952
Accepted
VostokSisters
Asked:2020-03-11 05:06:45 +0000 UTC2020-03-11 05:06:45 +0000 UTC

跨浏览器检测页面结束

  • 772

有这样一段代码： 

$(window).scroll(function(){
    if ($(window).scrollTop() == $(document).height() - $(window).height())
        alert('Привет');
});

在桌面上运行良好。但出于某种原因，它在移动版本中不起作用。
手机中，我只有iPhone 5C，所以测试的设备不多，但是即使在Chrome的手机模拟模式下，代码也不想执行。
是否有一个非集体农场并且没有拐杖选项来通过滚动跨浏览器来跟踪页面的末尾？

javascript

1 个回答

  1. Best Answer

    使用James Padolsey的跨浏览器文档高度功能试试这个：

    function getDocHeight() {
    var D = document;
    return Math.max(
        D.body.scrollHeight, D.documentElement.scrollHeight,
        D.body.offsetHeight, D.documentElement.offsetHeight,
        D.body.clientHeight, D.documentElement.clientHeight
    );
}

$(document).ready(function() {
  $(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() == getDocHeight()) {
      alert("Конец страницы");
    }
  });
});
    #container {
  height: 1000px;
  width: 100px;
  background-color: red;
}
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div id="container"></div>

    • 3

相关问题