2015-05-18 80 views
0

我试图做一个div滚动到bottom,然后回到top和无限重复,目前我只能找到如何使它滚动至底部:自动滚动的div

$(document).ready(function(){ 
    $('#scrolldiv').animate({ 
    scrollTop: $('#scrolldiv')[0].scrollHeight}, 30000); 
}); 

回答

1

添加回调函数的animate函数

function scroll(down) { 
 
    $("body").animate({ 
 
     scrollTop: down ? $("body")[0].scrollHeight : 0 
 
    }, 1000, function() { //a callback function 
 
     scroll(!down); 
 
    }); 
 
} 
 
$(scroll);
body { 
 
    height: 3000px; 
 
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>