JSFiddle - React, Tailwind, and code Playground

HTML

<div>Hello.</div>
<span>World.</span>

CSS

div {
    height: 10000px;
}

JavaScript

$(function() {
    $(document).scrollTop(document.documentElement.scrollHeight + 1);
    // #Why?
    $(document).on('mousewheel DOMMouseScroll', function(evt) {
        var delta,
            e = evt.originalEvent;

        // Prevent what users would anticipate
        evt.preventDefault();
        evt.stopPropagation();
    
        // Determine direction
        delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));
        
        // Offset the scrolltop
        $(window).scrollTop($(window).scrollTop() + (10 * delta));
    })
});