时间戳

首页 > 解决方案 > 如何阻止粘性导航阻止滚动到页面顶部

javascript - 如何阻止粘性导航阻止滚动到页面顶部

问题描述

在网站的移动版本上，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');

        }

    });

标签： javascriptjquery

解决方案

您可能希望使用position: sticky而不是 JS 来制作粘性菜单。

推荐阅读