rc
react-customscroll
npm i react-customscroll
rc

react-customscroll

This is a tiny React component for scroll bar customization, without dependencies but with a lot of features.

by Sergey

5.1.0 (see all)License:MITTypeScript:Built-In
Categories:React Scroll Bar
npm i react-customscroll
Readme

React CustomScroll 5.1

React-customscroll is a tiny React component for scroll bar customization, without dependencies but with a lot of features.

Demo

Features:

  • TypeScript support
  • Extremely small size (11kb)
  • Without dependencies
  • Easy customization, simple api
  • Native OS scroll behavior
  • Cross browser
  • Animate scrollTo feature
  • React-sortable-tree / React-virtualized support
  • RTL support
  • Server Side Rendering support
  • Scroll snap support

Usage

Step 1:

npm install react-customscroll -save

Step 2:

React-customscroll works like native browser scroll.

You should paste the component inside the block with scrollable data.

For instance:

import CustomScroll from 'react-customscroll';
<div className="block-with-scrolling">
  <CustomScroll>
    ...long_data_here...
  </CustomScroll>
</div>

If block with a native browser scroll works well it will work with React-customscroll


Examples

License

MIT