고정 DIV는 드롭 다운 메뉴를 사용 중지합니다.

Question

저는 webdesign의 세계에 새로 왔으며 다른 것들을 시도하면서 많은 것을 배우고 있습니다.

그래서이 Dock-When-Scroll solution의 아이디어를 구현하려고하는데 기초가 잘 작동합니다.

그럼 난 절대/고정 DIV 내에서 (몇 상대의 서브 링크)는 HTML/CSS의 dropdownmenu을 추가하고 갑자기 클릭 할 수 없거나 더 이상 메인 버튼을 맴 돕니 다. 다른 Z- 인덱스 값과 조합을 사용하여 시도했습니다. & 상대 위치를 메뉴 자체에 추가하고 메뉴 자체를 절대/고정 요소로 만들지 만 실패합니다.

나는 대답을 둘러 보았고 내 머리를 충분히 긁어 냈습니다. 나는 뭔가를 간과하고 있다고 확신합니다. DIV는 어떻게 든 메뉴를 덮고 있습니다. 고정 된 요소가있는 규칙이 있습니까?

는 어떤 도움을 따라서 위치 숙제를 다시 실행 한 후 2

업데이트를 감사하고 나는 호버와 bugg 거기에 나타났습니다이 미리 만들어진 메뉴의 다양한 속성을 테스트했다. 이것이 가능한가?

업데이트 3

좋아 나는 잠이 필요합니다 생각하지만, 기본적으로 메뉴는 기본 정적 위치에서 작동되어 있고 전원이 켜져 "고정"할 때 작업을 중지합니다.

이 문제에 대해 생각하는 사람들을위한

좋아 감사

해결 업데이트!

나는 신용이 CARAMBA :

코드가 달라 붙는 메뉴의 adamJlev의 솔루션 내 편집과 거짓말로 이동하도록 jsfiddler으로 많이 쉽게 문제를 알아 내기 위해 succeded.

문제-스크립트

   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); 
     }); 

쉽게 그 .. 그래서 자바 스크립트에 대한 몇 가지 자세한 내용을보실 수 있습니다.

건배

Answer 1

그래서이 Stackoverflow 시스템의 초보자입니다. 문제의 설명과 간단한 해결책으로 질문을 업데이트했습니다.