css - webkit-溢出-滚动 : 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;
}