vue基于vue-seamless-scroll实现无缝滚动效果

参考文章:https://blog.csdn.net/Shids_/article/details/121925398

使用步骤:

1、安装插件

npm i vue-seamless-scroll

vue基于vue-seamless-scroll实现无缝滚动效果_第1张图片

2、main.js里全局引入

 import scroll from 'vue-seamless-scroll'

Vue.use(scroll)vue基于vue-seamless-scroll实现无缝滚动效果_第2张图片

3、dom渲染

vue基于vue-seamless-scroll实现无缝滚动效果_第3张图片

 

 4、配置项

vue基于vue-seamless-scroll实现无缝滚动效果_第4张图片

 

 另外,如果的react可以参考插件 "react-seamless-scroll"(不太好用)

链接:https://github.com/yichonglai/react-seamless-scroll

你可能感兴趣的:(无缝滚动,vue.js,前端,javascript)