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


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

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


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

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


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


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


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


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

Код

.header-fix {
position: fixed;


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


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


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

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


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
Страна: (RU)
Форум про uCoz » Создание сайта на uCoz » Другие скрипты для uCoz » Горизонтальное фиксированное меню (Горизонтальное и адаптивное фиксированное меню)
Страница 2 из 2«12
Поиск: