Как сделать фиксированный меню при скролле?

Question

[a16a]

Всем привет.

Посмотрел видео https://www.youtube.com/watch?v=E04x2Q9sxSM (Не реклама). Очень подходит данный скрипт с фиксированным меню под мои задачи.

Он говорит что он копирует тот меню и через определенного расстояние вылезает фиксированным.
А как сделать что бы выходила другой меню(Не клон)? Ну или клон меню но сдвигом вправо и с левой стороны лого появилась? (Я не могу сразу вставить лого в меню, потому что она в шапке)

Answer 1

[Михаил Власов]

Отслеживай скролл на js/jQuery, далее при нужном тебе значении переопределяй стили своей менюшки, опять же при помощи js/jQuery, со стилями, я думаю, разобраться тебе будет несложно.

Answer 2

[AntohaRomaha]

JS:
$(window).scroll(function(event){
 if ($(window).scrollTop() > 500){
  alert('Мы прокрутили на 500 пикселей');
  $('#new_menu').show();
 }
});

CSS:
#new_menu {
 position:fixed;
}

Answer 3

[smirnovilya]

$(window).scroll(function(){
      if ($(this).scrollTop() > 100) {
        $("#header").addClass("header")
      } else {
        $("#header").removeClass("header")
      }
	});

создайте дополнительный класс header c position:fixed