component / scroll-to

Smooth window scrolling with requestAnimationFrame and the Tween component

scroll-to

Smooth window scroll to position with requestAnimationFrame and Tween.

Installation

$ component install component/scroll-to

API

scrollTo(x, y, [options])

Scroll to the given point (x, y) with the given options:

• ease easing function defaulting to "out-circ" (view ease for more)
• duration animation duration defaulting to 1000

var scrollTo = require('scroll-to');

scrollTo(500, 1200, {
  ease: 'out-bounce',
  duration: 1500
});

License

MIT

scroll-to's Issues

Uncaught RangeError: Maximum call stack size exceeded

Getting errors on animation, apparently something related to Tween.

TypeError: Invalid calling object at animate in IE

I get this error as a part of https://github.com/flyingant/react-scroll-to-component which uses scroll-to

TypeError: Invalid calling object at animate (eval code:46:5) at scrollTo (eval code:50:3) at module.exports (eval code:31:3) at Anonymous function (eval code:136:11) at callCallback (eval code:16433:152) at commitUpdateEffects (eval code:16472:29) at commitUpdateQueue (eval code:16460:19) at commitLifeCycles (eval code:17365:3) at commitAllLifeCycles (eval code:18736:44) at callCallback (eval code:150:1)

option for cancelling via mouse-move

Update npm package?

The current npm package breaks in browserify because it's missing the browser field in package.json

Cannot find module 'tween' when requiring scroll-to server side

I'm using scroll-to-element in a React app that pre-renders on the server. When requiring scroll-to-element, which is dependent on scroll-to, I get Error: Cannot find module 'tween'.

I believe this is because scroll-to requires component-tween via var Tween = require('tween'); which works in browser environments because of the following in package.json.

  "browser": {
    "raf": "component-raf",
    "tween": "component-tween"
  },

everything works fine in the client, but the application errors out when running on the server because node doesn't know what tween is.

maybe return emitter

with "end" event

Module build failed: Error: Cannot find module 'tween'

I am using react-scroll-to-component, which relies upon scroll-to. When I try to build, it cannot find 'tween', so I rename to 'component-tween', but then on and on with other errors in other dependencies installed along with scroll-to. But if I comment out my use of react-scroll-to-component, webpack can build. Then I un-comment and it is fine and everything works. Any idea what I can do, as this seems like less than ideal?

Add a LICENSE file please

Thanks!

support for custom scroll container

Is there any plans of adding custom scroll container instead of scrolling window only?

I can PR if you think its a feature that can go in.