2013-12-15 4 views
1

Я довольно новичок в мире веб-дизайна и многому учусь от разных вещей.Исправлено DIV отключает раскрывающееся меню

Итак, я пытаюсь реализовать идею этого Dock-When-Scroll solution, и основы работают очень хорошо.

Затем я добавил html/CSS dropdownmenu (с несколькими относительными подзаголовками) в пределах абсолютного/фиксированного DIV, и внезапно я больше не могу нажимать или навешивать основные кнопки. Я пробовал с различными значениями и комбинациями z-index, добавляя абсолютные & относительные позиции к самому меню. И чтобы сделать меню само по себе абсолютным/фиксированным, но я не сработал.

Я осмотрел ответы и почесал голову достаточно, я уверен, что я что-то пропускаю, DIV каким-то образом закрывает меню. Есть ли правило с фиксированными элементами, которые мне не хватает?

Любой помощь оценила

Update 2

Таким образом, после переделывания позиционного домашнего задания и протестировала различные свойства этого Premade меню я заметил, что есть Bugg с висением. Это возможно?

Update 3

Хорошо, я думаю, что нужно немного поспать, но в основном меню работает в статическом положении по умолчанию и прекращает работать, когда «фиксированный» включен.

ОБНОВЛЕНО решаемые

Okay спасибо за тех, кто думал об этой проблеме!

Я преуспел, чтобы выяснить проблему намного проще с 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.

Приветствие

+0

добавьте код, который у вас есть, или еще лучше создайте скрипку на http://jsfiddle.net/, и вы получите ответы! – caramba

+0

О да, конечно! Вот jsfiddle, отличный инструмент, кстати! Я пытаюсь устранить код сам atm, (http://jsfiddle.net/PMmm6/](fiddle) эта скрипка - это ядро ​​меню. Оно не цепляется за скрипку по какой-то причине, а работает в ее контексте , меню просто становится неприемлемым после фактического цепляния. – user3101661

ответ

1

Так что я новичок с этой StackOverflow-системой, несет с собой. Я обновил вопрос с объяснением проблемы и простым решением.

Смежные вопросы