當用戶滾動到頁面末尾時如何顯示div？

Question

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

這就是我目前正在使用的內容，它允許用戶跟蹤他在頁面上的位置。

當用戶到達頁面底部時，我需要做什么才能顯示div？ 並繼續顯示它直到他點擊刷新

#show {display：none}

<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();
          }
        });

滾動百分比的計算是直接來自您提供的鏈接 ，條件只是檢查您是否已達到頁面的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函數，因為您可以使用插件

Answer 4

嘗試以下代碼

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