joomla 网站中的粘性菜单不起作用

Question

我有以下网站：

与以下 JS:

   $(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');
             }
        });
    });

在CSS我会有：

.smallheader {position: fixed; top: 0; z-index:150;}

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

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

谢谢！！！

Answer 1

你写的问题代码很好，运行良好。请注意，您需要将 'smallheader' class 添加到要放置 static/fixed 位置的对象，在您的情况下它应该是 .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 网站中的粘性菜单不起作用

sticky menu in a joomla site won't work

javascript

css

joomla

menu

sticky