javascript - 如何在用户滚动到页面末尾时显示一个 div？

Question

http://codepen.io/BrianDGLS/pen/yNBrgR

这就是我目前正在使用的，它允许用户跟踪他在页面上的位置。

当用户到达页面底部时，我必须做什么才能显示 div？并继续显示直到他点击刷新

#show {显示:无}

<div id="show">
<p>Hello</p>
<p>World!</p>
</div>

当用户到达页面底部时显示 div '#show' 并在他停留在页面上时继续显示它。

Answer 1

使用镜像示例 JS 代码的约定:

        $(window).scroll(function() {
          var wintop = $(window).scrollTop(),
            docheight = $(document).height(),
            winheight = $(window).height(),
            scrolled = (wintop / (docheight - winheight)) * 100;

          if (scrolled >= 100) {
            $(yourDiv).show();
          }
        });

滚动百分比的计算直接来自 link您提供了并且条件仅检查您是否达到了页面的 100%(减去当前窗口大小)。

如果您想在用户到达绝对底部之前加载 div，您也可以将 100 更改为任何百分比。