jquery - 如何使用 jQuery scrollTop 和向下滚动

Question

我如何在 jQuery 中使用 scrollTop 并向下滚动？

 <div class="wrapper">
  <div class="content">

    <div class="items">
        texttext
    </div>
    <div class="prev button">prev</div>
    <div class="next button">next</div>
  </div>
 </div>

我创建了:

我想使用scrollTop:

我要向下滚动:

还有更多滚动:

参见 JSFiddle:http://jsfiddle.net/kisspa/XEMBZ/

Answer 1

<script>
    $(document).ready(function() {
$(window).scroll(function() {
    if ($(this).scrollTop() > 200) {
        $('#scrolltotop').fadeIn(200);
    } else {
        $('#scrolltotop').fadeOut(200);
    }
});

// Animate the scroll to top
$('#scrolltotop').click(function(event) {
    event.preventDefault();
    $('html, body').animate({scrollTop: 0}, 600);
})
    });
    </script>
     <a href="javascript:void(0)" id="scrolltotop">scroll top</a>