Question

我有以下网站：

使用以下JS：

max-size

然后在CSS中我会：

   $(document).ready(function(){
       $(window).bind('scroll', function() {
       var navHeight = $( window ).height() - 70;
             if ($(window).scrollTop() > navHeight) {
                 $('.menu-2-section').addClass('smallheader');
             }
             else {
                 $('.menu-2-section').removeClass('smallheader');
             }
        });
    });

我的代码一定有问题，但是什么？

拜托，我需要一些帮助; - ）

感谢!!!

Answer 1

你写的代码很好，效果很好。请注意，您需要添加＆＃39; smallheader＆＃39; class to object你想要制作静态/固定位置，在你的情况下它应该是.menu-2-section

但就目前而言，您无法看到菜单，因为它被#top div隐藏了。

#top {
    background-color: #eda99d;
    margin: 0 auto;
    padding: 15px 0;
    width: 100%;
    z-index: 999;
}

你需要在这里将z-index更改为小于150，或者将.smallmenu中的z-index更改为大于999

joomla网站中的粘性菜单无效

1 个答案: