固定的DIV禁用下拉菜單

我對網頁設計的世界很陌生，從嘗試不同的事情中學習很多東西。固定的DIV禁用下拉菜單

所以我試圖實現這個想法Dock-When-Scroll solution和基本工作很好。

然後，我在絕對/固定DIV內添加了一個html/CSS dropdownmenu（帶有很少的相關子鏈接），突然間我無法再點擊或懸停主按鈕。我嘗試了不同的Z-index值和組合，爲菜單本身添加絕對的相對位置並使菜單本身成爲絕對/固定元素，但我失敗了。

我環顧四周尋找答案，足夠劃傷我的頭，我確信我忽略了一些東西，DIV以某種方式覆蓋了菜單。是否有我缺少的固定元素的規則？

任何幫助所以重做位置作業後讚賞

更新2

和測試這個預製菜單我注意到有一個與懸停一個巴格的各種屬性。這可能嗎？

更新3

好吧，我想我會想睡覺，但基本上菜單工作在默認的靜態位置，並停止在「固定」已開啓工作。

更新解決

對於那些誰想過這個問題好感謝！

我succeded與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。

乾杯

來源

2013-12-15 user3101661

請添加你目前爲止的代碼，或者更好的在http://jsfiddle.net/上創建一個小提琴，你將會得到答案！ – caramba

哦，是的，當然！順便說一句，這裏是jsfiddle，很棒的工具！我試圖自己解決代碼atm，（http://jsfiddle.net/PMmm6/](fiddle）這個小提琴是菜單核心，它不會因爲某種原因在小提琴中緊繃着，而是在其上下文中工作，該菜單在實際粘貼後變得不可用。 – user3101661

所以我是這個Stackoverflow系統的新手，忍受着我。我更新了問題並解釋了問題和簡單的解決方案。

來源

2013-12-16 05:37:40 user3101661

固定的DIV禁用下拉菜單

回答

相關問題