Native Smooth Scroll Polyfill – smoothscroll.js

Preview:

Description:

smoothscroll.js is a lightweight, configurable, Vanilla JavaScript polyfill for native smooth scroll using CSS scroll-behavior: smooth property.

Use this polyfill to implement the smooth scroll to functionality on those browsers that don’t’ support the native smooth scroll behavior: MS Edge, Internet Explorer, and Safari.

How to use it:

1. Install the smooth scroll polyfill.

# Yarn
$ yarn add smoothscroll-polyfill
# NPM
$ npm install smoothscroll-polyfill --save

2. Import the smoothscroll module.

import smoothscroll from 'smoothscroll-polyfill';

3. Call the smoothscroll polyfill and done.

smoothscroll.polyfill();

4. Scroll the webpage using the following native JS API.

• window.scrollTo
• Element.scrollIntoView()
• Window.scrollBy()
• Window.scroll()