原生js window.scrollTo平滑滾動到頁面的某個位置
阿新 • • 發佈:2018-11-09
window.scrollTo()
語法1:
window.scrollTo(x-coord,y-coord)
x-coord
是文件中的橫軸座標。y-coord
是文件中的縱軸座標。
例子:
window.scrollTo(0,1000); // 垂直滾動到1000的位置
語法2:
window.scrollTo(options)
top
等同於y-coord
- left 等同於
x-coord
behavior
型別String,表示滾動行為,支援引數 smooth(平滑滾動),instant(瞬間滾動),預設值auto,實測效果等同於instant
例子:
window.scrollTo({
top: 1000,
behavior: "smooth"
});
如果某個元素滾動到某個位置,也可以用以上方法:
document.querySelector('.className').scrollTo()
學習、交流、記錄、編輯一部自己的知識庫