Home

Awesome

scroll2Top

scroll2Top function that uses requestAnimationFrame and easing for animation

Getting Started

# Get the latest snapshot
$ git clone git@github.com:pinceladasdaweb/scroll2Top.git

Demo

View demo here

How to use?

scroll2Top is a Vanilla JS plugin with no dependencies. Include the scroll2Top.min.js before your </body> tag:

<script src="path/to/scroll2Top.min.js"></script>

And use it:

<script>
    var btn    = document.querySelector('#btn'),
        target = document.querySelector('p').offsetTop;

    btn.addEventListener('click', function(e){
        e.preventDefault();

        scroll2Top(target, function () {
            alert('Hello!!!')
        }, 1400);
    });
</script>

scroll2Top supports AMD, CommomJS and Browser.

Options

The script expect the following options:

ValueDescription
toInteger. Required. How far to offset the scrolling anchor location in pixels
callbackOptional. Function to run after scrolling
durationInteger. Optional. How fast to complete the scroll in milliseconds

Browser Support

IEChromeFirefoxOperaSafari
IE 10+ ✔Latest ✔Latest ✔Latest ✔Latest ✔

Do you need support for older browsers? Add a requestAnimationFrame polyfill.

Contributing

Check CONTRIBUTING.md for more information.

History

Check Releases for detailed changelog.

License

MIT