固定DIV禁用下拉菜單

Question

我對網頁設計領域很陌生，正在嘗試各種不同的方法，從中學到很多東西。

因此，我正在嘗試實現此“ Dock-When-Scroll”解決方案的想法，並且基本原理很好。

然后，我在絕對/固定DIV中添加了一個html / CSS下拉菜單（幾乎沒有相對的子鏈接），突然我無法單擊或懸停主按鈕了。 我嘗試使用不同的z-index值和組合，將絕對和相對位置添加到菜單本身，並使菜單本身成為絕對/固定元素，但我失敗了。

我一直在尋找答案，並撓了撓頭，我敢肯定，我正在忽略某些東西，DIV正在某種程度上覆蓋菜單。 是否有我缺少的固定元素規則？

任何幫助表示贊賞

更新2

因此，在重做位置作業並測試了此預制菜單的各種屬性后，我注意到懸停時出現了錯誤。 這可能嗎？

更新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系統的新手，請多多包涵。 我通過解釋問題和簡單的解決方案來更新問題。