Показать сообщение отдельно
  #1 (permalink)  
Старый 05.11.2018, 13:34
Аспирант
Отправить личное сообщение для oslayer Посмотреть профиль Найти все сообщения от oslayer
 
Регистрация: 18.10.2012
Сообщений: 63

Фиксированное меню в шапке
Есть скрипт и меню
Не выполняется вот это условие

Должно работать так
Пользователь находится в верхней позиции сайта
Код:
<div id="navbar22">
Пользуется прокруткой
Код:
<div id="navbar22" class="sticky22">
Пользователь вернулся к верхней позиции сайта
Код:
<div id="navbar22">
Что я делаю не так?
В скрипте не выполняется вот это условие
else {
    navbar22.classList.remove("sticky22");


Сам скрипт
window.onscroll = function() {myFunction()};


var navbar = document.getElementById("navbar22");


var sticky_1 = navbar.offsetTop;

function myFunction() {
  if (window.pageYOffset >= sticky_1) {
    navbar22.classList.add("sticky22")
  } else {
    navbar22.classList.remove("sticky22");
  }
}


Пункты меню и само оформление
<div id="navbar22">
.....
</div>


Вот такой CSS
Код:
<style>
#navbar22 {
  z-index:100!important;
}

/* Navbar links */

/* Page content */
.content22 {
  padding:16px;
}


.sticky22 {
  position: fixed;
  top: 0;
  width: 100%;
}


.sticky22 + .content22 {
  padding-top:60px;
}
</style>

Последний раз редактировалось oslayer, 05.11.2018 в 13:45.
Ответить с цитированием