Я довольно новичок в мире веб-дизайна и многому учусь от разных вещей.Исправлено 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.
Приветствие
добавьте код, который у вас есть, или еще лучше создайте скрипку на http://jsfiddle.net/, и вы получите ответы! – caramba
О да, конечно! Вот jsfiddle, отличный инструмент, кстати! Я пытаюсь устранить код сам atm, (http://jsfiddle.net/PMmm6/](fiddle) эта скрипка - это ядро меню. Оно не цепляется за скрипку по какой-то причине, а работает в ее контексте , меню просто становится неприемлемым после фактического цепляния. – user3101661