在滚动条上隐藏div

Question

我知道有很多类似的话题，但是我找不到很好的答案。

我正在尝试在移动滚动条上隐藏div，但到目前为止没有成功。

<div class="sticky">
    <div class="container">
        <div class="row top">
            <div class="col-md-12 taCenter">
                <div class="logotip">
                    <a href="<?= get_site_url() ?>"><img class="desktop_logo" src="http://dev128.nadlani.si/wp-content/uploads/2019/05/NaDlani_284_94.png"></a>
                    <a href="<?= get_site_url() ?>"><img class="mobile_logo" src="http://dev128.nadlani.si/wp-content/uploads/2019/05/NADLANI_2019_mobile.png"></a>
                    <div class="mobile-like">
                        <script>
                            var senseSpeed = 5;
                            var previousScroll = 0;
                            $(window).scroll(function(event) {
                                var scroller = $(this).scrollTop();
                                if (scroller - senseSpeed > previousScroll) {
                                    $("div.mobile-like").filter(':not(:animated)').slideUp();
                                } else if (scroller + senseSpeed < previousScroll) {
                                    $("div.mobile-like").filter(':not(:animated)').slideDown();
                                }
                                previousScroll = scroller;
                            });
                        </script>
                        <div class="fb-like" data-href="https://www.facebook.com/nadlani.si/" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="false"></div>
                    </div>
                </div>
                <div class="menu-trigger-wrapper">
                    <ul class="menu">
                        <?php
                            foreach ($tree as $item) {
                                echo '<li>';
                                echo '<a href="' . $item["url"] . '">';
                                echo $item["title"];
                                echo '</a>';
                                echo '</li>';
                            }
                        ?>
                   </ul>
                    <div class="trigger">
                        <i class="fa fa-bars"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

这是当前代码。当我尝试滚动时，什么也没发生。

有什么建议吗？