npm

$ npm install react-scroll

$ npm install
$ npm test
$ npm run examples

 
var React   = require('react');
var Scroll  = require('react-scroll'); 
 
var Link    = Scroll.Link;
var Element = Scroll.Element;
var Events  = Scroll.Events;
 
var Section = React.createClass({
  componentDidMount: function() {
 
    Events.scrollEvent.register('begin', function(to, element) {
      console.log("begin", arguments);
    });
 
    Events.scrollEvent.register('end', function(to, element) {
      console.log("end", arguments);
    });
 
  },
  componentWillUnmount: function() {
    Events.scrollEvent.remove('begin');
    Events.scrollEvent.remove('end');
  },
  render: function () {
  	return (
  		<div>
  		<Link activeClass="active" to="test1" spy={true} smooth={true} offset={50} duration={500} >Test 1</Link>
          <Button activeClass="active" className="btn" type="submit" value="Test 2" to="test2" spy={true} smooth={true} offset={50} duration={500} >Test 2</Button>
 
  		<Element name="test1" className="element">
  		  test 1
  		</Element>
 
  		<Element name="test2" className="element">
  		  test 2
  		</Element>
  		</div>
    );
  }
});
 
React.render(
  <Section />,
  document.getElementById('example')
);
 

 
var Scroll = require('react-scroll'); 
var Events = Scroll.Events;
 
Events.scrollEvent.register('begin', function(to, element) {
  console.log("begin", to, element);
});
 

 
Events.scrollEvent.register('end', function(to, element) {
  console.log("end", to, element);
});
 

 
Events.scrollEvent.remove('begin');
Events.scrollEvent.remove('end');
 

var React   = require('react');
var Scroll  = require('react-scroll'); 
var Helpers = Scroll.Helpers;
 
var Element = React.createClass({
  render: function () {
    return (
      <div>
        {this.props.children}
      </div>
    );
  }
});
 
module.exports = Helpers.Element(Element);
 
var Link = React.createClass({
  render: function () {
    return (
      <a>
        {this.props.children}
      </a>
    );
  }
});
 
module.exports = Helpers.Scroll(Link);