window.scrollTo()和window.scroll()是同一个方法,参考MDN。
window.scrollTo()
在window对象上实现滚动效果
//可以直接调用
window.scrollTo(0, 1000);
//也可以加
window.scrollTo({
top: 100,
left: 100,
behavior: 'smooth'
});
在具体的元素上实现滚动效果
document.getElementsByTagName("section")[0].scrollTo({ top: offsetTop });
例如想滚动如下页面红色部分
查看页面结构发现要滚动的是<section>
标签里的内容
就可以用document.getElementsByTagName("section")[0].scrollTo({ top: offsetTop });
的写法
scrollTo和scrollBy
scrollTo是相对文档顶部滑动
scrollBy是相对上次滑动
还遇到了一些写法如下:
document.documentElement.scrollTop()
document.body.scrollTop()
等等还有待实现