Question

我对网页设计世界很陌生，并且正在尝试不同的尝试。

所以我正在尝试实现这个Dock-When-Scroll solution的想法，基础知识非常有效。

然后我在绝对/固定的DIV中添加了一个html / CSS dropdownmenu（几个相对的子链接），然后我突然无法点击或悬停主按钮。我尝试过不同的z-index值和组合，添加绝对值和菜单本身的相对位置并使菜单本身成为绝对/固定元素，但我失败了。

我环顾四周寻找答案并且摸不着头脑，我确定我忽视了某些东西，DIV正在以某种方式覆盖菜单。是否存在我缺少固定元素的规则？

任何帮助表示赞赏

更新2

所以在重做位置作业并测试了这个预制菜单的各种属性后，我注意到有一个悬停的bugg。这可能吗？

更新3

好吧我想我需要一些睡眠，但基本上菜单在默认静态位置工作，并在打开“固定”时停止工作。

更新已解决

非常感谢那些想到这个问题的人！

我成功地用jsfiddler解决了这个问题，所以归功于Caramba：）

代码谎称我编辑了adamJlev的紧贴菜单解决方案。

问题脚本：

             var $window = $(window),
           $stickyEl = $('#cssmenu'),
           $stickyEl2 = $('#bannerloggo'),

           elTop = $stickyEl.offset().top;
           elTop = $stickyEl2.offset().top;

           $window.scroll(function() {
            $stickyEl.toggleClass('sticky', $window.scrollTop() > elTop);
            $stickyEl2.toggleClass('sticky2', $window.scrollTop() > elTop);
        });

修复：

             var $window = $(window),
           $stickyEl = $('#cssmenu'),

           elTop = $stickyEl.offset().top;

           $window.scroll(function() {
            $stickyEl.toggleClass('sticky', $window.scrollTop() > elTop);
        });

那很简单..所以我会阅读更多关于Javascript的内容。

干杯

Answer 1

所以我是这个Stackoverflow系统的新手，请耐心等待。我更新了问题并解释了问题和简单的解决方案。

固定DIV禁用下拉菜单

1 个答案: