react-overflow-scrolling

react-overflow-scrolling

Stop propagation body scroll

Demo

Auto find children nodes with css property (overflow || overflow-x || overflow-y) and allow native scrolling

Installation

$ npm i react-overflow-scrolling --save

Usage

CSS

.overflow-scrolling {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

JSX

import OverflowScrolling from 'react-overflow-scrolling';

export class ExampleOverflowScrolling extends React.Component {
    render() {
        return (
            <OverflowScrolling className='overflow-scrolling'>
                ...
            </OverflowScrolling>
        );
    }
}