webkit-overflow-scrolling: получить позицию Y

Question

Как я могу получить позицию этого прокрутки Y?

.cool-scroll{ 
overflow-y:scroll; 
-webkit-overflow-scrolling:touch; 
} 

Мое намерение состоит в том, чтобы изменить цвет фона, когда она превышает N значение Y оси.

Answer 1

Вот решение, используя JQuery, код будет прослушивать события прокрутки на элементе и применить новый класс, когда целевая позиция достигнута

Demo fiddle

Javascript

var targetScroll = 200; 
$('.cool-scroll').scroll(function(){ 
    if($(this).scrollTop() > targetScroll) 
     $(this).addClass('scrolled'); 
    else 
     $(this).removeClass('scrolled'); 
}); 

CSS

.cool-scroll.scrolled{ 
    background: red; 
}