react-smoothy-scroll

Smooth scrolling for React.js with easy to use component(Not supported in React Native)

Installation

With Yarn

 yarn add react-smoothy-scroll

With NPM

npm i react-smoothy-scroll

Basic Usage

import SmoothScroll from "react-smoothy-scroll";

<SmoothScroll toId="navbar" duration={1500} allowScroll={true}>
	<p>Scroll To Navbar</p>
</SmoothScroll>;

Properties

Prop	Default	Type	Description
toId	undefined	string	target id for smooth scrolling
toRef	null	RefObject	target ref object for smooth scrolling
duration	1000	number	duration of the smooth scroll
children	undefined	ReactNode	react children
allowScroll	true	bool	if false scrolling will be disabled

Inspired by Filip Kubík