Как сделать навигационную панель, которая скрывается при прокрутке, но не при нажатии на ссылку - PullRequest
Новая
       41

Как сделать навигационную панель, которая скрывается при прокрутке, но не при нажатии на ссылку

0 голосов
/ 26 марта 2020

Я использую следующие javascript, чтобы скрыть панель навигации, когда пользователь прокручивает страницу вниз, и отображать панель навигации, когда пользователь прокручивает вверх. 

<script>
    // document ready
    (function ($) {

    var previousScroll = 30;
        // scroll functions
        $(window).scroll(function(e) {

            // add/remove class to navbar when scrolling to hide/show
            var scroll = $(window).scrollTop();
            if (scroll >= previousScroll) {
                $('.navbar').addClass("navbar-hide");

            }else if (scroll < previousScroll) {
                $('.navbar').removeClass("navbar-hide");
            }
            previousScroll = scroll;

        });

    })(jQuery);
</script>

Однако у меня также есть боковая панель с таблицей. содержимого, содержащего якорные ссылки, указывающие на ссылки в основной части содержимого. В настоящее время панель навигации будет скрыта, если я буду использовать ссылки для перехода вниз по странице, и панель навигации отобразится, если я воспользуюсь ссылками для перехода вверх по странице. Мне бы хотелось, чтобы навигационная панель реагировала только на прокрутку пользователя, а не реагировала, если пользователь нажимает на ссылки. Например, если отображается панель навигации, панель навигации будет продолжать отображаться, если пользователь щелкает ссылку.

Как изменить приведенный ниже код, чтобы игнорировать щелчки ссылки? Я могу опубликовать минимальную версию html, если это поможет. Спасибо за вашу помощь!

...