當用戶向下滾動屏幕時彈出一個建議框。

Question

我試圖爲一個WordPress的網站建立一個Ajax代碼片段，當用戶向下滾動屏幕時，它會彈出並建議該類別的下一篇博文。有沒有任何jQuery插件可用於此或我應該從哪裏開始？

Answer 1

你不需要插件。嘗試這樣的jQuery：

$(document).ready(function() { 
 

 
    //Check to see if the window is top if not then display button 
 
    $(window).scroll(function() { 
 
    if ($(this).scrollTop() > 100) { 
 
     $('.nextPost').fadeIn(); 
 
    } else { 
 
     $('.nextPost').fadeOut(); 
 
    } 
 
    }); 
 
});

.nextPost { 
 
    background: lightgray; 
 
    font-weight: bold; 
 
    position: fixed; 
 
    top: 5px; 
 
    right: 5px; 
 
    display: none; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="nextPost">Next Post</div> 
 

 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/> 
 
<br/>