JSFiddle - React, Tailwind, and code Playground

JavaScript

jQuery(window).on('load', function() {
    if (jQuery(this).mousewheel) {
        jQuery(this).mousewheel(handle);
        jQuery("body").mousewheel(handle);
    }
});

function handle(turn, delta) {
    var time = 330;
    var distance = 300;

    jQuery('html, body').stop().animate({

        scrollTop: jQuery(window).scrollTop() - (distance * delta)

    }, time);

    return true;
}