Страница 2 из 2«12
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Горизонтальное фиксированное меню (Горизонтальное и адаптивное фиксированное меню)
Горизонтальное фиксированное меню
Start
Дата: Понедельник, 29.08.2016, 13:03 | Сообщение # 16
Пользователи
Сообщений:50
Награды: 0


Angerfist, Сорри, почему-то слова меню не допилось biggrin меню не ездилось, а не поиск)))

Тити*
Angerfist
Дата: Понедельник, 29.08.2016, 15:32 | Сообщение # 17
Vip
Сообщений:616
Награды: 18


Start, не понимаю зачем убирать адаптивнсость, но хозяин барин, стирай все медиа-запросы со строки

Код
@media screen and (max-width: 1024px)


No regrets
Start
Дата: Понедельник, 29.08.2016, 16:15 | Сообщение # 18
Пользователи
Сообщений:50
Награды: 0


Angerfist, может я плохо описал, когда вниз листаешь чтобы меню не листалось тоже...
медиа - удалил, все равно меню вниз идет...


Тити*
Angerfist
Дата: Понедельник, 29.08.2016, 17:47 | Сообщение # 19
Vip
Сообщений:616
Награды: 18


Start, правильно поставленный вопрос приводит к быстрому результату...
в стилях указано же:

Код

.header-fix {
position: fixed;


Это как раз и фиксирует меню, поэтому оно проматывается с контентом.


No regrets
Start
Дата: Понедельник, 29.08.2016, 18:30 | Сообщение # 20
Пользователи
Сообщений:50
Награды: 0


Angerfist, Вот помог!!! Спасибо Огромное!!! crazy

Тити*
Angerfist
Дата: Вторник, 30.08.2016, 02:09 | Сообщение # 21
Vip
Сообщений:616
Награды: 18


Start, это тебе:
1) меню без фона, при прокрутке фон появляется (чёрный)
Код

<script type="text/javascript">    
$(window).scroll(function() {
        if ($(this).height() <= 1200) {
            if ($(this).scrollTop() < 100) {
                $(".header-fix").css('background', 'none');
            }
            if($(this).scrollTop() > 100) {
            $(".header-fix").css('background', '#000000');
            }
        }
});    
</script>


2) меню сразу с фоном тёмным, при прокрутке становится чёрным
Код

<script type="text/javascript">    
$(window).scroll(function() {
        if ($(this).height() <= 1200) {
            if ($(this).scrollTop() < 100) {
                $(".header-fix").css('background', '#1C1C1C');
            }
            if($(this).scrollTop() > 100) {
            $(".header-fix").css('background', '#000000');
            }
        }
});    
</script>


Надеюсь это то что просил...


No regrets
Форум про uCoz » Раздел uCoz » Скрипты и коды uCoz » Горизонтальное фиксированное меню (Горизонтальное и адаптивное фиксированное меню)
Страница 2 из 2«12
Поиск: