webkit-overflow-scrolling：获得Y位置

Question

如何获得此卷轴的Y位置？

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

我的目的是在超过N轴的Y值时更改背景颜色。

Answer 1

这是使用jQuery的解决方案，代码将侦听元素上的scroll事件并在达到目标位置时应用新类

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