This is a React Provider Component which wraps your entire application body and add smooth scrolling effect to it.
Run yarn add react-smooth-scrolling
or npm install react-smooth-scrolling
import { SmoothProvider } from 'react-smooth-scrolling'
function App() {
return (
<SmoothProvider skew={true}>
<MyCustomPage />
</SmoothProvider>
)
}
ease (optional)
: Stiffness. Default value: 0.1
. Min: 0
; Max: 1
.
skew
: Enable distortion.
# Yarn
$ yarn add react-smooth-scrolling
# NPM
$ npm i react-smooth-scrolling --saveimport { SmoothProvider } from 'react-smooth-scrolling'
function App() {
return (
<SmoothProvider skew={true} ease={myEasing}>
<MyCustomPage />
</SmoothProvider>
)
}
Author: guilhermerodz
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/guilhermerodz/react-smooth-scrolling
License: MIT