jQuery 頁面循環(huán)滾動代碼

網(wǎng)頁設(shè)計中，頁面滾動效果是一個非常重要的元素。有時候我們希望頁面能夠循環(huán)滾動，這就需要用到j(luò)Query的代碼實現(xiàn)了。下面是一個循環(huán)滾動的示例代碼：

$(function(){
var scroll_width = $('#scroll_div').get(0).scrollWidth;
var div_width = $('#scroll_div').width();
var left = 0;
var speed = 50;
function scroll(){
left++;
if(left >scroll_width-div_width){
left = 0;
}
$('#scroll_div').scrollLeft(left);
}
var timer = setInterval(scroll, speed);
});

上述代碼中，我們獲取了包含需要滾動的內(nèi)容的div元素以及這個div元素的寬度。然后設(shè)置left初始值為0，speed表示滾動的速度。接著定義一個scroll函數(shù)，并使用setInterval函數(shù)不斷地調(diào)用這個函數(shù)。scroll函數(shù)中，我們將left值自增1，并判斷l(xiāng)eft是否大于scroll_width與div_width的差值。如果是，說明已經(jīng)滾動到了最后，需要將left值重新置為0，然后將#scroll_div元素的左滾動距離設(shè)為left。因此，當(dāng)頁面循環(huán)滾動時，實際上是通過改變#scroll_div元素的左滾動距離來實現(xiàn)的。

以上代碼僅供參考，實際應(yīng)用中可能需要根據(jù)具體情況進行調(diào)整。