JQuery для обнаружения позиции прокрутки divJquery

Программирование на jquery
Ответить
Anonymous
 JQuery для обнаружения позиции прокрутки div

Сообщение Anonymous »

У меня есть небольшая проблема, пытаясь обнаружить позицию прокрутки на моих Divs. Это мой код: < /p>

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 
div, не окно, поэтому я меняю на $ (окно). на $ (' #contentContainer') и он больше не работает.

может прокрутить функции Diving diving, или это должно быть (окно). /> Спасибо.

Подробнее здесь: https://stackoverflow.com/questions/135 ... v-position
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Jquery»