react-simple-scrolldown

ReactJS ES6 simple scroll down animation with minimal usage.

Installation

npm i react-simple-scrolldown

Usage

Make sure the target element has as className the same id of the source element. scrollDown accepts two parameters, event and callback.

    import React from 'react';
    import ReactScroll from 'react-simple-scrolldown';
    
    class Foo {
      constructor() {
        super();
        this.reactScroll = new ReactScroll();
      }

      render() {
        return(
          <React.Fragment>
            <a href="#" id="target" onClick={this.reactScroll.scrollDown}>Link text</a>
            .
            .
            .
            .
            <div className="target">content</div>
          </React.Fragment>
        );
      }
    }