• Страница 2 из 2
  • «
  • 1
  • 2
Форум » Веб-разработка » HTML + CSS — коды » Горизонтальное фиксированное меню (Горизонтальное и адаптивное фиксированное меню)
Горизонтальное фиксированное меню
Start
Понедельник, 29 Августа 2016 | Сообщение 16
Оффлайн
Проверенные
Сообщений:116
Награды: 2
Angerfist, Сорри, почему-то слова меню не допилось biggrin меню не ездилось, а не поиск)))

Тити*
Страна: (RU)
Angerfist
Понедельник, 29 Августа 2016 | Сообщение 17
Оффлайн
Vip
Сообщений:767
Награды: 21
Start, не понимаю зачем убирать адаптивнсость, но хозяин барин, стирай все медиа-запросы со строки

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


No regrets
Страна: (RU)
Start
Понедельник, 29 Августа 2016 | Сообщение 18
Оффлайн
Проверенные
Сообщений:116
Награды: 2
Angerfist, может я плохо описал, когда вниз листаешь чтобы меню не листалось тоже...
медиа - удалил, все равно меню вниз идет...


Тити*
Страна: (RU)
Angerfist
Понедельник, 29 Августа 2016 | Сообщение 19
Оффлайн
Vip
Сообщений:767
Награды: 21
Start, правильно поставленный вопрос приводит к быстрому результату...
в стилях указано же:

Код

.header-fix {
position: fixed;


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


No regrets
Страна: (RU)
Start
Понедельник, 29 Августа 2016 | Сообщение 20
Оффлайн
Проверенные
Сообщений:116
Награды: 2
Angerfist, Вот помог!!! Спасибо Огромное!!! crazy

Тити*
Страна: (RU)
Angerfist
Вторник, 30 Августа 2016 | Сообщение 21
Оффлайн
Vip
Сообщений:767
Награды: 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)
Форум » Веб-разработка » HTML + CSS — коды » Горизонтальное фиксированное меню (Горизонтальное и адаптивное фиксированное меню)
  • Страница 2 из 2
  • «
  • 1
  • 2
Поиск: