Есть скрипт и меню
Не выполняется вот это условие
Должно работать так
Пользователь находится в верхней позиции сайта
Пользуется прокруткой
Код:
|
<div id="navbar22" class="sticky22"> |
Пользователь вернулся к верхней позиции сайта
Что я делаю не так?
В скрипте не выполняется вот это условие
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> |