加载页面时向下滚动2次

时间:2016-05-25 03:12:50

标签: jquery scroll

嗨伙计们,我正在寻找一个jquery,它会让我的页面滚动到页面的底部到前2位,所以(向下,向上,向下,向上)谢谢!:)我已经有了这个有效,但它只做了一次,我不知道如何让它做两次!

<script>
$(document).ready(function() {    
$('html, body').animate({ 
    scrollTop: $(document).height() - $(window).height() },
    8000, function() {
    $(this).animate({ scrollTop: 0 }, 4000);

});
});
</script>

1 个答案:

答案 0 :(得分:0)

在这里: DEMO

  var scrollCount=0;
  var scroll=function(direction){
    if(scrollCount<4){
      var scrollTo= (direction==='down') ? $(document).height() - $(window).height() : 0;
      $('html, body').animate({ 
        scrollTop: scrollTo },
        800);
      setTimeout(function(){
        scrollCount++;
        direction=(direction==='down') ? 'up' : 'down';
        scroll(direction); 
      },850);
    }
  }
  scroll('down');

由于某种原因,动画上的回调无效: Failed Demo