Как сделать «липкий» заголовок в javascript на определенном scrolltop?

Question

Я хочу добавить в свой сайт заголовок на определенном scrolltop, я очень сосать JS, и мне нужна помощь!

Answer 1

Для выполнения прокрутки необходимо иметь код Javascript. Лучший способ сделать это - установить новый класс CSS для фиксированной позиции в div заголовка, когда прокрутка проходит мимо определенного значения, которое проверяется через JS.

HTML

<div class="sticky"></div> 

CSS Style

.fixedHeader { 
    position: fixed; 
    top:0; left:0; 
    width: 100%; } 

JQuery код

$(window).scroll(function(){ 
    var sticky = $('.sticky'), 
     scrollAmt = $(window).scrollTop(); 

    if (scrollAmt >= 100) sticky.addClass('fixedHeader'); 
    else sticky.removeClass('fixedHeader'); 
}); 

Пример на Jsfiddle: http://jsfiddle.net/4t7bfjon/