今天给大家推荐一款 vue.js 顺滑动画滚动到页面指定位置组件VueScrollTo。

vue-scrollto 一个定位滚动条滚动至当前元素位置组件。支持按 x轴 或 y轴 滚动，可以嵌套元素，当前元素在父元素中滚动。

安装

$ npm install --save vue-scrollto

引入插件

import Vue from 'vue'import VueScrollTo from 'vue-scrollto'Vue.use(VueScrollTo)// You can also pass in the default optionsVue.use(VueScrollTo, {  container: "body",  duration: 500,  easing: "ease",  offset: 0,  force: true,  cancelable: true,  onStart: false,  onDone: false,  onCancel: false,  x: false,  y: true})

使用

Scroll to #element

Scroll to #element

最后附上文档及项目地址

# 文档地址https://vue-scrollto.netlify.app/# 仓库地址https://github.com/rigor789/vue-scrollTo

okay，就分享到这里，感谢你的阅读。如果对大家有帮助，记得多支持一下哈~~