A simple animated scroll to element function.
npm install scrollto-element
A simple animated scroll to element function.
* Using requestAnimationFrame
* Only require bezier-easing and raf
``bash`
npm install scrollto-element --save
// or
yarn add scrollto-element
`javascript`
const scrolltoElement = require('scrollto-element')
// or ES2015+
import scrolltoElement from 'scrollto-element'
`javascript
import scrolltoElement from 'scrollto-element'
scrolltoElement(document.querySelector('#foobar'))
scrolltoElement(element, 300)
// advanced
scrolltoElement({
element: document.querySelector('#foobar'),
offset: -100, // default is 0
bezier: [0.19, 1, 0.22, 1], // default is [0.19, 1, 0.22, 1]
duration: 3000, // default is 100
then () {
console.log('Finished~')
}
})
``
> offset means scroll to (target element + offset).
When offset is a positive number, view will scroll through the target.
When offset is a negative number, view will scroll to near the target.
MIT