react-scrollpad

<ScrollPad/> - get scrollbar with padding (when overflown)

installation

npm install --save react-scrollpad

Usage

import React from 'react';
import {render} from 'react-dom';
 
import ScrollPad from 'react-scrollpad';
 
const App = () => (
  <div className="wrapper">
 
    <ScrollPad>
 
      <div>
        <p>Scroll</p>
        <p>Scroll</p>
        <p>Scroll</p>
        ...
      </div>
 
    </ScrollPad>
 
  </div>
);
 
render(<App/>, document.getElementById("root"));

Available props

prop	type	default
style	PropTypes.object	{}
rtl	PropTypes.bool	false
pad	PropTypes.string	20px
className	PropTypes.string

Demo

https://sanusart.github.io/react-scrollpad/