vue better-scroll插件

最新推荐文章于 2024-09-14 07:29:32 发布

键盘捕手

最新推荐文章于 2024-09-14 07:29:32 发布

阅读量353

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/weixin_42312074/article/details/90146500

vue 专栏收录该内容

33 篇文章

订阅专栏

本文详细介绍如何在GitHub上找到并安装Better Scroll，一种用于优化滚动性能的JavaScript库。文章提供了具体的安装命令和使用方法，包括HTML结构要求及两种初始化Better Scroll的方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

github上面搜索 better-scroll

安装better-scroll ： npm i better-scroll --save

使用条件：

1、html结构

<div class="wrapper">
  <ul class="content">
    <li>...</li>
    <li>...</li>
    ...
  </ul>
  <!-- you can put some other DOMs here, it won't affect the scrolling -->
</div>

解释：必须外层套一个div.里面也必须是一个块级结构div或者ul等

2、具体使用

import BScroll from 'better-scroll'
const wrapper = document.querySelector('.wrapper')
const scroll = new BScroll(wrapper)//方法一



import BScroll from 'better-scroll'
const scroll = new BScroll('.wrapper')//方法二

在去哪儿项目中具体使用：

html结构操作，ref="wrapper"获取dom