如何用Better Scroll在Vue中实现滑动联动，打造长尾词滚动效果？

本文共计1467个文字，预计阅读时间需要6分钟。

原文：本文实例为大家分享了vue实现滑动以及左右联动效果的总体代码，供大家参考，具体内容如下：

一、首先需要在项目中引入better-scroll

1.在package.json中直接写入better-scroll: ^1.15.1版本

改写后：本文通过实例展示了如何使用vue实现滑动和左右联动功能，并提供了以下步骤：

1.在项目依赖中安装better-scroll，版本为~1.15.1。

本文实例为大家分享了vue实现滑动以及左右联动效果的具体代码，供大家参考，具体内容如下

一、首先需要在项目中引入better-scroll

1. 在package.json 直接写入 "better-scroll":"^1.15.1" 版本以github上为准（目前最新）

2.cpnm install 在node_modules 可以查看版本是否安装

3.直接在你的组件里面写入import BScroll from 'better-scroll';

二、better-scroll优点

1.体验像原生：滚动非常流畅，而且没有滚动条。

2.滚动位置固定：在vue中通过路由切换页面时组件会自动滚动到顶部，需要监听滚动行为才能让滚动位置固定，better-scroll解决了这个问题。