webkit-overflow-scrolling：get Y position

Question

如何獲取此滾動的Y位置？

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

我的本意是，當它超過Y軸的N值來改變背景顏色。

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; 
}