如何使用jQuery scrollTop并向下滚动

Question

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

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

Answer 2

http://jsfiddle.net/raamaragavan/PfnMx/1/

检查此jsfiddle链接输出，

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

// Animate the scroll to top
$('#top').click(function(event) {
event.preventDefault();
$('html, body').animate({scrollTop: 0}, 600);
})
});