当用户向下滚动屏幕时弹出的建议框的Javascript。

Question

我正在尝试为wordpress网站构建一个Ajax片段，当用户向下滚动屏幕时，该片段会弹出并建议该类别的下一篇博文。是否有任何jQuery插件可用于此或我应该从哪里开始？

Answer 1

您不需要插件。试试这样的jQuery：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

<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/>

＆＃13;

＆＃13;

＆＃13;