我想在我的网站上显示一个按钮，当用户在他们的移动设备上向下滚动200px时。但是，我不希望按钮在滚动回到顶部时消失...它会一直留在那里，直到他们刷新或导航到另一个网页。
我有以下在那一刻，使按钮消失时，用户滚动回来。如何修改代码，使按钮不会在向上滚动时消失？
注意--我正在使用WordPress。下面的Java脚本位于一个HTML块中，而该CSS位于该按钮的自定义CSS中。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
    var offset = 200
    $(window).on('load scroll', function(){
        if( $(window).scrollTop() > offset ){
            $('body').addClass('show')
        }else{
            $('body').removeClass('show')
        }
    })
    </script>

selector{
    opacity: 0;
    transition: all 0.3s ease-in-out;
}
body.show selector{
    opacity: 1;
}