Momentum Scrolling In Vanilla JavaScript – SmoothScroll.js

Preview:

Description:

A Vanilla JavaScript plugin that applies the momentum scrolling experience to web content. Make your webpage’s scrolling behavior like a native mobile app.

How to use it:

Download and insert the SmoothScroll.js library right before the closing body tag.

<script src="SmoothScroll.js"></script>

Initialize the library on the target container element.

new SmoothScroll('.container')

Config the duration of the animation.

new SmoothScroll('.container', {
    duration: 2000
})

Specify the speed curve of an animation:

new SmoothScroll('.container', {
    duration: 2000,
    timingFunction: 'cubic-bezier(0.23, 1, 0.32, 1)'
})