index.html
Код: Выделить всё
I am a header
I am some content
< /code>
функция jQuery (не работающая версия) < /strong> < /p>
$(document).ready(function() {
var aboveHeight = $('#headerOne').outerHeight();
$('#contentContainer').scroll(function(){
if ($('#contentContainer').scrollTop() > aboveHeight){
$('#headerOne').addClass('fixed').css('top','0').next().css('padding-top','60px');
} else {
$('#headerOne').removeClass('fixed').next().css('padding-top','0');
}
});
});
< /code>
функция jQuery (рабочая версия) < /strong> < /p>
$(document).ready(function() {
var aboveHeight = $('#headerOne').outerHeight();
$(window).scroll(function(){
if ($(window).scrollTop() > aboveHeight){
$('#headerOne').addClass('fixed').css('top','0').next().css('padding-top','60px');
} else {
$('#headerOne').removeClass('fixed').next().css('padding-top','0');
}
});
});
< /code>
Существует две разные функции jQuery, потому что, когда я впервые протестировал, я использовал рабочую версию < /strong>, а заголовок остается при прокрутке вниз. Но я хочу, чтобы заголовок заголовка оставался фиксированным пользователем, прокручивая #ContentContainer может прокрутить функции Diving diving, или это должно быть (окно). /> Спасибо.
Подробнее здесь: https://stackoverflow.com/questions/135 ... v-position
Мобильная версия