better-scroll 滚动插件

Posted xuwupiaomiao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了better-scroll 滚动插件相关的知识,希望对你有一定的参考价值。

安装:

npm install better-scroll --save

  

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>

  

引入及使用:

import BScroll from ‘@better-scroll/core‘  //引用
let wrapper = document.querySelector(‘.wrapper‘) //获取dom
let scroll = new BScroll(wrapper)   //创建实例

  

以上是关于better-scroll 滚动插件的主要内容,如果未能解决你的问题,请参考以下文章

better-scroll插件的实战

better-scroll 滚动插件

每日技术总结:Better-scroll应用于弹出层内容滚动

better-scroll插件

better-scroll踩坑合集

vue实现刷新的第三方插件,better-scroll