react-customscroll

React Custom Scroll 4.5

This is little custom scroll React component. It is very customizable and flexible component. You can customization scrollbar.

Demo

Features:

• Without dependencies
• Very simple and flexible
• Very small size (11kb)
• Easy customization, easy api
• Keyboard bind
• Reinitialize after all mutation events
• Mobile compatibility
• Animate scrollTo feature
• Min-height and max-height compatibility
• Simple customizations
• Hide default scrollbars in Mac
• Support React-sortable-tree / React-virtualized
• Support RTL
• Support Server Side Rendering

Usage

Step 1:

npm install react-customscroll -save

Step 2:

import CustomScroll from 'react-customscroll';

Step 3:

Paste CustomScroll component inside wrapper block with height and "overflow: hidden"

For example:

<div style={{height: '500px', overflow: 'hidden', direction: 'rtl'}}>
  <CustomScroll>
    ...
  </CustomScroll>
</div>

Here are a few examples example/index.js

License

MIT