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

Last updated

v4.5.1

Install

npm install react-customscroll
yarn add react-customscroll

BUNDLE SIZE

Not Available

DOWNLOAD TIME

Not Available

CDNs

extras

Contributors

  • AlexSergey