Question

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

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

#show {display：none}

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

显示div＆＃39; #show＆＃39;当用户到达页面底部并且只要他停留在页面上时继续显示它。

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改为任何百分比。

Answer 2

可能是这样的：

$(window).on('scroll', function(){
    var op = $(window).scrollTop() + $(window).height();
    if( op >= $(document).height() ) $("#show").show();
});

Answer 3

当<div id="show">在客户端的视口中可见时，您需要触发Javascript函数，因为您可以use a plugin

Answer 4

尝试以下代码

var show=false;
$(window).scroll(function() {
   if($(window).scrollTop() + $(window).height() == $(document).height() || show==false) {
       $("#show").show();
       show=true;
   }
});

当用户滚动到页面末尾时如何显示div？

4 个答案: