FluidScroll

FluidScroll is a lightweight, modern, customizable and ease to use plugin that will enhance the user experience on your websites by overriding the default scroll.

Based on the following StackOverflow answer by Manuel Otto

How to use

Install FluidScroll using a package manager.

yarn add @mkoelewijn/fluidscroll
npm i @mkoelewijn/fluidscroll --save

Import FluidScroll

import FluidScroll from "@mkoelewijn/fluidscroll"

Usage

//Without options - using defaults
let scroll = new FluidScroll();

//With options
let scroll = new FluidScroll({
    speed: 60,
    smoothing: 12
});


//Call to enable smoothness
scroll.init();

Options

| Key | Value | Default | Description | |---|---|---|---| | speed | int | 60 | the amout of pixels to be scrolled per mousewheel step | | smoothing | int | 12 | the smoothness factor, the higher the value, the more smooth. | | init | function | | Call to enable smooth scrolling | | destroy | function | | Call to destroy smooth scrolling | | setPosition | function | | Use to set a position after a scroll position change triggered by something else (anchor link or custom functionality) |