如何阻止粘性導航阻止滾動到頁面頂部

Question

在網站的移動版本上，滾動越過標題后會出現粘性nav ，但是一旦出現這種情況，您就無法向上滾動到頁面的最頂部，因為nav不會解開。 我需要更改什么才能滾動到頁面頂部？

$(".nav-primary .genesis-nav-menu, .nav-secondary .genesis-nav-menu, .nav-header .genesis-nav-menu, .nav-small .genesis-nav-

    // Sticky Navigation
    var headerHeight = $('.site-header').innerHeight();
    var beforeheaderHeight = $('.before-header').outerHeight();
    var abovenavHeight = headerHeight + beforeheaderHeight - 1;

    $(window).scroll(function(){

        if ($(document).scrollTop() > abovenavHeight){
      $('.navigation-container').addClass('fixed');
            $('.nav-primary').addClass('fixed');
                        $('.nav-secondary').addClass('fixed');

        } else {
      $('.navigation-container').removeClass('fixed');
            $('.nav-primary').removeClass('fixed');
            $('.nav-secondary').removeClass('fixed');

        }

    });

Answer 1

你可能想使用position: sticky而不是 JS 來做你的粘性菜單。