better-scrollbar

!NPM License
!NPM Version

Highly customizable, high-performance virtual list for big data rendering.

Feel free to provide feedback if there are any issues, and promptly synchronize problem handling.

Installation

``bash
npm install better-scrollbar --save
`

Usage

`javascript
import React, { Component } from "react"
import ScrollBar from "better-scrollbar"

class App extends Component {
render() {
return (



Some great content...



)
}
}
`

The component is completely customizable. Check out the following code:

`javascript
import React, { Component } from "react"
import ScrollBar from "better-scrollbar"

class CustomScrollBar extends Component {
render() {
return (
width={this.props.width}
height={this.props.height}
onScroll={this.handleScroll}
onScrollStart={this.handleScrollStart}
onScrollEnd={this.handleScrollEnd}
renderView={this.renderView}
renderTrackHorizontal={this.renderTrackHorizontal}
renderTrackVertical={this.renderTrackVertical}
renderThumbHorizontal={this.renderThumbHorizontal}
renderThumbVertical={this.renderThumbVertical}
scrollBarHidden
scrollBarAutoHideTimeout={1000}
{...this.props}
/>
)
}
}
`

Examples

Run the simple example:
`bash


Make sure that you've installed the dependencies


npm install
npm run site:dev
``

License

MIT