JSFiddle - React, Tailwind, and code Playground

by tea4two

HTML

<p>だだ</p><p>だだ</p><p>だだ</p><p>だだ</p>
<a href="#" id="itemUnbind">OFF!</a>
<p>aaa</p>
<p>aaa</p><p>aaa</p>
<p>aaa</p><p>aaa</p>
<p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p><p>aaa</p>

JavaScript

$(function() {
    
var scrollHandler = function(){
    myScroll = $(window).scrollTop();
}

$("#itemBind").click(function(){
    $(window).scroll(scrollHandler);
}).click(); // .click() will execute this handler immediately

$("#itemUnbind").click(function(){
    $(window).off("scroll", scrollHandler);
    return false;
});
    
});