@blackbb

Как фиксированное меню при скроллинге вернуть в изначальное положение?

Есть меню и такой код:
var h_hght = 80; // высота шапки
var h_mrg = 75;    // отступ когда шапка уже не видна
                 
$(function(){
 
    var elem = $('.catalog-nav-inside');
    var top = $(this).scrollTop();
     
    if(top > h_hght){
        elem.css('top', h_mrg);
    }           
   if (window.matchMedia("(min-width: 1200px)").matches) {
    $(window).scroll(function(){
        top = $(this).scrollTop();
         
        if (top+h_mrg < h_hght) {
            elem.css('top', (h_hght-top));
        } else {
            elem.css('top', h_mrg);
            $('.catalog-nav-inside').css({'position':'fixed','z-index':'11111','background-color':'#E6C28D'});
        }
    });
 }
});

Как при достижении top вернуть меню изначальное положение, которое было до скрипта. Получается, что оно так и остается в положении fixed.
  • Вопрос задан
  • 161 просмотр
Решения вопроса 1
@zdevl
Я когда делал на своем сайте. Брал пример отсюда webcomplex.com.ua/jquery/delaem-fiksirovannoe-meny...
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы