Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 29.07.2016, 10:14
Аватар для villiwalla
Интересующийся
Отправить личное сообщение для villiwalla Посмотреть профиль Найти все сообщения от villiwalla
 
Регистрация: 16.02.2016
Сообщений: 29

Фиксация меню после отступа
Добрый день! Есть основное меню во всю ширину в шапке сайта. Но сначала идёт шапка с контактами, лого и прочими данными (занимаемая высота 160px) а потом только меню.
<header>
Название, телефон, email, логотип
</header>
<nav>
Основная навигация
</nav>
<main>
Контенте
</main>


Подскажите как можно выяснить что nav "упёрся в браузер" и повесить на него класс? Дизайн адаптивный и высота header разная, вариант с вычитанием высоты хедера и з высоты страницы не вариант.
Ответить с цитированием
  #2 (permalink)  
Старый 29.07.2016, 11:05
Профессор
Отправить личное сообщение для Rise Посмотреть профиль Найти все сообщения от Rise
 
Регистрация: 07.11.2013
Сообщений: 4,662

villiwalla, гугли sticky navigation или sticky menu, так это называется.
Ответить с цитированием
  #3 (permalink)  
Старый 30.07.2016, 09:19
Профессор
Отправить личное сообщение для warren buffet Посмотреть профиль Найти все сообщения от warren buffet
 
Регистрация: 08.07.2016
Сообщений: 1,332

Сообщение от villiwalla
упёрся в браузер

Это значит его top <= 0. Все просто.

if(element.getBoundingClientRect().top<=0)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Выпадающее меню (костыли) Sk1LL Общие вопросы Javascript 4 06.02.2016 12:47
Находится ли мышка над дивом ? (выпадающее меню) advsm jQuery 31 24.09.2014 17:50
Как сделать чтобы менялся background в раскрывающемся меню Teotim Элементы интерфейса 2 20.10.2012 20:28
Открыть слайд (раздел) текущего пункта меню Demath Элементы интерфейса 8 18.07.2012 02:49
Подсветка выделенного элемента меню ajax-сайта crayday AJAX и COMET 0 11.05.2012 12:25