javascript - 修复 DIV 禁用下拉菜单

Question

我对网页设计领域还很陌生，并且从尝试不同的事物中学到了很多东西。

所以我正在尝试实现这个想法 Dock-When-Scroll solution而且基础知识运行得很好。

然后我在绝对/固定 DIV 中添加了一个 html/CSS 下拉菜单(带有很少的相对子链接)，突然间我无法再单击或悬停主按钮了。我尝试过使用不同的 z-index 值和组合，向菜单本身添加绝对和相对位置，并使菜单本身成为绝对/固定元素，但我失败了。

我环顾四周寻找答案，摸不着头脑，我确信我忽略了一些东西，DIV 以某种方式覆盖了菜单。是否有我遗漏的固定元素规则？

感谢任何帮助

更新2

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

更新3

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

更新已解决

好的，谢谢那些思考这个问题的人!

我成功地用 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 系统的新手，请耐心等待。我更新了问题并解释了问题和简单的解决方案。