jQuery實(shí)現(xiàn)頁面滾動(dòng)條自動(dòng)滾動(dòng)到需要的位置

主要實(shí)現(xiàn)于:每當(dāng)頁面載入的時(shí)候,出于顯示頁面某些內(nèi)容的需要,設(shè)置滾動(dòng)條自動(dòng)滾動(dòng)能夠呈現(xiàn)內(nèi)容的位置


代碼如下:

<script>

$(function(){

????????$('html,body').animate({scrollTop:1000},'slow');

})

</script>

解讀代碼:在載入html頁面的body這一塊內(nèi)容中,實(shí)現(xiàn)滾動(dòng)進(jìn)行展示body的某一塊內(nèi)容,scrollTop方法 進(jìn)行滾動(dòng)1000像素

(像素越大滾動(dòng)的越下去,也就是內(nèi)容顯示的越多)

該方法是以底部為原點(diǎn) 向上計(jì)算,像素越大body離底部就越遠(yuǎn) 相應(yīng)的滾動(dòng)條就越下去

slow 是指滾動(dòng)時(shí)候的狀態(tài)速度,也可以傳進(jìn)時(shí)間的值(單位為毫秒)!(根據(jù)自己的需求)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容