UNPKG

dumogu-scrollbar

Version:
48 lines (36 loc) 1.26 kB
## Introduction A simple and lightweight custom scroll bar. The compressed file is less than 10kb There is no repeated packaging of the scroll container. This custom scroll bar is mounted on the body, so it has no impact on the original scroll container. You can even directly introduce the rail component to define the mounting target yourself and define the style of the scroll bar more flexibly. [DEMO](https://wurencaideli.github.io/dumogu-scrollbar/demo.html) #### install ```javascript npm install dumogu-scrollbar ``` #### How to use ```javascript import { DumoguScrollbar } from 'dumogu-scrollbar'; /** Defines page-level scrollbars */ const dsInstance = new DumoguScrollbar({ keepShow: false, // Whether to always display stopClickPropagation: false, // Cancel the bubble of the click event }); dsInstance.bind(); dsInstance.mount(); /** Binding scrollable elements */ const dsInstance_1 = new DumoguScrollbar({ keepShow: true, stopClickPropagation: true, }); dsInstance_1.bind(document.querySelector('#ds-2')); dsInstance_1.mount(); /** The following are some methods in the examples */ // Update the style dsInstance.update(); // Mount dsInstance.mount(); // Unmount dsInstance.unmount(); // Destroy dsInstance.destroy(); ```