scrollbar

介绍

scrollbar 插件为 BetterScroll 提供了样式美观的滚动条。

安装

npm install @better-scroll/scroll-bar@next --save

// or

yarn add @better-scroll/scroll-bar@next

使用

首先引入 scrollbar 插件,并通过静态方法 BScroll.use() 初始化插件

import BScroll from '@better-scroll/core'
import ScrollBar from '@better-scroll/scroll-bar'

BScroll.use(ScrollBar)

然后,实例化 BetterScroll 时需要传入 scrollbar 相关配置项 scrollbar:

new BScroll('.bs-wrap', {
  scrollY: true,
  scrollbar: true
})

示例

  • I am item 1
  • I am item 2
  • I am item 3
  • I am item 4
  • I am item 5
  • I am item 6
  • I am item 7
  • I am item 8
  • I am item 9
  • I am item 10
  • I am item 11
  • I am item 12
  • I am item 13
  • I am item 14
  • I am item 15
  • I am item 16
  • I am item 17
  • I am item 18
  • I am item 19
  • I am item 20
  • I am item 21
  • I am item 22
  • I am item 23
  • I am item 24
  • I am item 25
  • I am item 26
  • I am item 27
  • I am item 28
  • I am item 29
  • I am item 30
  • I am item 31
  • I am item 32
  • I am item 33
  • I am item 34
  • I am item 35
  • I am item 36
  • I am item 37
  • I am item 38
  • I am item 39
  • I am item 40

配置项 scrollbar

默认为 false。当设置为 true 或者是一个 Object 的时候,可以开启滚动条。当配置项为一个 Object 时,有如下属性

名称 类型 描述 默认值
fade boolean 当滚动停止的时候,滚动条渐隐 true
interactive boolean 滚动条是否可以交互 false