vue页面平滑滚动到顶部或底部
使用CSS的scroll-behavior
scroll-behavior: auto | smooth | inherit | unset
一般我们使用auto和smooth就可以了,smooth表示滚动很平滑,有过渡效果,auto没有过渡效果,一闪而过。
我们一般回到顶部的话把这个属性设置在html上即可。代码如下
只使用 html a 标签实现
1 |
|
1 | html { |
使用js实现
获取到元素的dom对象,然后调用scrollIntoView
方法即可。
1 | element.scrollIntoView(); // 等同于element.scrollIntoView(true) |
All articles in this blog are licensed under CC BY-NC-SA 4.0 unless stating additionally.