pretty-scrollbar

隐藏传统滚动条，生成自定义滚动条。·Demo

Usage

$ npm install pretty-scrollbar --save

var prettyScroll = require('pretty-scrollbar');
prettyScroll(element, options);

或者

<script src="lib/prettyScroll.js"></script>
<script>
PrettyScroll(element, options);
</script>

即可给element添加自定义滚动条

Options

• defaultWrapperWidth

  默认滚动条背景的宽度， 用于遮盖默认滚动条。默认为20。

• barWidth

  自定义滚动条的宽度。默认为7。

• wrappColor

  默认滚动条背景的颜色。默认为null。会自动识别element的背景颜色，如果没有则设置为#fff。

• barColor

  自定义滚动条的颜色。默认为rgba(0, 0, 0, 0.4)。

• right

  自定义滚动条距离所选element右边界的距离。默认为2。

• autoHide

  是否自动隐藏滚动条。默认为true。

Demo

Note: 所选element需设置overflow-y: scroll;

<div class="test"></div>
<script src="lib/scroll.js"></script>
<script>
PrettyScroll('.test', {
    barWidth: 8,
    autoHide: false
});
</script>