JSFiddle - React, Tailwind, and code Playground

by elizabethkmathew

HTML

<div style="height:10000px;"></div>
<div style="position:fixed;top:0px;left:0px;">
    <a href="#" onClick="stopScroll(); return false;">Stop</a>
    <a href="#" onClick="enableScroll(); return false;">Resume</a>
</div>

JavaScript

var disableScroll = true;
    var scrollPos = 0;
    function stopScroll() {
        disableScroll = true;
        scrollPos = $(window).scrollTop();
    }
    function enableScroll() {
        disableScroll = false;
    }
    $(function(){
        $(window).bind('scroll', function(){
             if(disableScroll) $(window).scrollTop(scrollPos );
        });
        $(window).bind('touchmove', function(){
             $(window).trigger('scroll');
        });
    });