橫向和縱向滾動條居中架曹,實現(xiàn)頁面滾動的方法有三種:scroll隘冲、scrollBy和 scrollTo,三個方法都帶兩個參數(shù):x(X軸上的偏移量)和y(Y軸上的偏移量)绑雄。因此我們只需修改x,y的偏移量來設置滾動條的位置展辞。
另外,頁面的滾動高度必須在網(wǎng)頁加載完成后才能獲取到万牺,所以觸發(fā)事件用onload罗珍。方法一:用scroll方法實現(xiàn)滾動條位于最底端。
<body onload="scroll(0,document.body.scrollHeight) ">方法二:用scrollBy方法實現(xiàn)滾動條位于最右端脚粟。
<body onload="scrollBy(document.body.scrollWidth覆旱,0) ">方法三:用scrollTo方法實現(xiàn)水平滾動條和縱向滾動條均居中。
<body onload="scrollTo(document.body.scrollWidth/2,document.body.scrollHeight/2)">
雖然使用scroll核无、scrollBy和scrollTo方法的效果一樣扣唱,但是彼此之間還是有一些區(qū)別的。經(jīng)測試如果使用某一確定的位置參數(shù)時,不需要帶單位炼彪,例據(jù)頂端300像素:<body onload="scroll(0,300) ">