липкий заголовок для загрузочного модального?

Question

Я пытаюсь сделать заголовок моего модального останова, установленного наверху, когда пользователь прокручивается вниз. (Та же идея, что и пропеллерный модаль при прокрутке вниз)

Я включил здесь jsfiddle.

Моя последняя попытка с JavaScript заключается в следующем:

var $stick = $('#stickyHeader'); 

$('#myModal').scroll(function(){ 
    var scrollTop = $(this).scrollTop(); 

    if(scrollTop >= $stick.offset().top){ 
     $stick.css({'position':'fixed'}); 
    } 
    else{ 
     $stick.css({'position':'relative'}); 
    } 
}); 

Я также попытался класс аффикс в загрузчике без удачи.

Возможно ли это с моей нынешней логикой или есть что-то, что мне не хватает?

Спасибо, -Поль

Answer 1

Вы можете просто использовать CSS, чтобы добиться того, что вам требуется.

Вот код, который вам нужно будет добавить в свой CSS:

#IdOfYourHeader { 
    position: fixed; 
    top: 0; //This can be changed to the required amount 
} 

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