網(wǎng)站制作NEWS
SCROLL
js怎么控制網(wǎng)頁滾動到指定位置
使用scrollby(x軸,y軸)方法就可以使文檔對象滾動到距離瀏覽器窗口坐標(biāo)的指定位置上
注意事項
文檔對象可以看做是網(wǎng)頁所有可見內(nèi)容的存儲容器,網(wǎng)頁所有可見內(nèi)容稱為頁面
網(wǎng)頁x軸坐標(biāo)與數(shù)學(xué)一樣,但是y軸坐標(biāo)是相反的,向下是正數(shù),向上是負(fù)數(shù)
頁面移動出去的距離不能和滾動條移動出去的距離對等
滾動條移動出去多少像素才能等達(dá)到頁面要移動出去的像素是根據(jù)整個頁面的尺寸比例計算的
這個文檔對象移動出去的距離在坐標(biāo)系上是一定是負(fù)數(shù),但是我們要用正數(shù)來表示他距離瀏覽器窗口0,0坐標(biāo)的距離
這個方法移動的是文檔對象和瀏覽器存儲文檔對象的窗口0,0位置坐標(biāo)的距離,絕不是滾動條和文檔對象的距離,
移動出去的距離就是文檔對象不可見部分內(nèi)容和瀏覽器存儲文檔對象的窗口0,0坐標(biāo)的距離
這個方法使用scroll命名只是因為文檔對象移動出去的距離需要滾動條滾動才能達(dá)到效果,便于記憶而已
scrollby()方法是window對象下的方法,document對象及其子對象沒有該方法
document對象及其子對象如果要獲取或設(shè)置元素內(nèi)部內(nèi)容滾動出去的距離,請使用scrollTop和scrollLeft, 注意該方法是計算的不可見部分移動出去的內(nèi)容頂端距離容器的距離是從容器內(nèi)邊距開始計算,而不是邊框
使用scrollby()必須存在滾動條,且有一定的高度才能看出方法的效果
標(biāo)簽： js怎么控制網(wǎng)頁滾動到指定位置
多重隨機(jī)標(biāo)簽