React: react-scroll

https://github.com/fisshy/react-scroll

Install:

$ npm install react-scroll

Naudojimas:

import React from 'react';
import { Link, Element, animateScroll as scroller } from 'react-scroll'


class App extends React.Component {


  scrollTo() {
    scroller.scrollTo('scroll-to-element', {
      duration: 800,
      delay: 0,
      smooth: 'easeInOutQuart'
    })
  }


  render() {
    return (
      <div>
          <nav className="navbar navbar-default navbar-fixed-top">
            <div className="container-fluid">
              <div className="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul className="nav navbar-nav">
                  <li><Link activeClass="active" className="test1" to="test1" spy={true} smooth={true} duration={500} >Test 1</Link></li>
                </ul>
              </div>
            </div>
          </nav>
....
...
...

<Element name="test1" className="element" >Test1</Element>
                                                                                                                                                                         
                                                                                                       
      </div>
    );
  }
};

export default App;