Vue系列:滚动页面到指定位置实现

Posted one-sprite

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue系列:滚动页面到指定位置实现相关的知识,希望对你有一定的参考价值。

方法1:scrollTop 滚动到某位置

技术分享图片

 

方法2:scrollTo,scrollBy,scroll滚动到某位置

技术分享图片

 

方法3:scrollIntoView() 实现滚动到具体某元素

技术分享图片

 

需注意,上述3种方法都不是平滑滚动

以上是关于Vue系列:滚动页面到指定位置实现的主要内容,如果未能解决你的问题,请参考以下文章

事件监听 & 页面滚动(页面滚动到某一位置时显示/隐藏某元素,Vue环境)

vue-scroller记录滚动位置的示例代码

vue 动态赋值ref以后,滚动页面到指定的ref节点方法

vue监听指定区域的滚动,以及设置滚动值

vue返回上一页面时回到原先滚动的位置

vue路由跳转页面滚动到顶部