JSFiddle - React, Tailwind, and code Playground

by Zakaria Acharki

HTML

<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>
<a href='/url'>Link </a> <br>

JavaScript

var disable_click_flag = false;

$(window).scroll(function() {
    disable_click_flag = true;

    clearTimeout($.data(this, 'scrollTimer'));

    $.data(this, 'scrollTimer', setTimeout(function() {
        disable_click_flag = false;
    }, 250));
});

$("body").on("click", "a", function(e) {
    if( disable_click_flag ){
        e.preventDefault();
    }
});