JQuery для определения позиции прокрутки div ⇐ Jquery

[Anonymous]

У меня возникла небольшая проблема с определением положения прокрутки в элементах div. Это мой код:

index.html

Код: Выделить всё

I am a header


I am some content

Функция jQuery (не рабочая версия)

Код: Выделить всё

$(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');
}
});
});

Функция jQuery (рабочая версия)

Код: Выделить всё

$(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');
}
});
});

Существует две разные функции jQuery, потому что при первом тестировании я использовал рабочую версию, и заголовок оставался при прокрутке вниз. Но я хочу, чтобы заголовок заголовка оставался фиксированным. Пользователь прокручивает #contentContainer div, а не окно, поэтому я меняю его на $(window). на $('#contentContainer'), и это больше не работает.

Может ли функция прокрутки обнаружить прокрутку div или это должна быть $(window). ?

Спасибо.

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