2015-05-18 82 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>