css - webkit-overflow-scrolling：获取 Y 位置

Question

我怎样才能得到Y这个卷轴的位置？

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

我的意图是在超过AxisN的值时更改背景颜色。Y

Answer 1

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

演示小提琴

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