在網(wǎng)頁(yè)開(kāi)發(fā)中,滾動(dòng)條的使用是非常常見(jiàn)的。如果您想要實(shí)現(xiàn)一個(gè)定時(shí)滾動(dòng)的效果,可以使用jQuery來(lái)實(shí)現(xiàn)。下面,我們就來(lái)學(xué)習(xí)一下如何使用jQuery設(shè)置10秒后開(kāi)始滾動(dòng)。
$(document).ready(function(){ setTimeout(function(){ $('html, body').animate({scrollTop: '+=100px'}, 1000); }, 10000); });
代碼解釋?zhuān)?/p>
1. 等待文檔加載完成后執(zhí)行代碼。
2. 使用setTimeout()函數(shù),等待10秒后開(kāi)始執(zhí)行下面的代碼。
3. 選擇文檔中的html和body元素,并使用animate()函數(shù)實(shí)現(xiàn)滾動(dòng)效果。
4. 在animate()函數(shù)的第一個(gè)參數(shù)中,使用scrollTop屬性來(lái)指定滾動(dòng)條滾動(dòng)的距離,本例中是向下滾動(dòng)100px。
5. 在animate()函數(shù)的第二個(gè)參數(shù)中,設(shè)置滾動(dòng)完成所需的時(shí)間,本例中是1秒。
這樣,就可以實(shí)現(xiàn)10秒后開(kāi)始滾動(dòng)的效果了。