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