Home

Awesome

React Use Smooth Scroll

React Provider Component to add a smooth scroll effect 😍

NPM JavaScript Style Guide

Live demo: https://react-smooth-scroll-effect.netlify.app/

Install

npm install --save react-use-smooth-scroll

Usage

import React from 'react'

import { UseEffectScroll } from 'react-use-smooth-scroll'
import 'react-use-smooth-scroll/dist/index.css'

const App = () => {
  return (
    <UseEffectScroll>
      <section className='bgGreen'>
        <h1>Section 1</h1>
      </section>
      <section className='bgOrange'>
        <h1>Section 2</h1>
      </section>
      <section className='bgBlue'>
        <h1>Section 3</h1>
      </section>
      <section className='bgGrey'>
        <h1>Section 4</h1>
      </section>
    </UseEffectScroll>
  )
}

export default App

License

MIT © saidMounaim