Javascript 更改滚动上的活动类

嗨，开发者，我想知道如何在特定滚动量（如100px）的下一个子项上添加活动类。如何在jquery中定义？如果有人帮助我，那对我是有好处的

amet。Qui，minima ad ullam.
amet，莫利特，莫利特。Qui，minima ad ullam.
amet，莫利特，莫利特。奎，最低限度
软腐菌。Qui，minima ad ullam.
amet，莫利特，莫利特。Qui，minima ad ullam.
amet，莫利特，莫利特。奎，最低限度
软腐菌。Qui，minima ad ullam.
amet，莫利特，莫利特。Qui，minima ad ullam.
amet，莫利特，莫利特。奎，最低限度
软腐菌。Qui，minima ad ullam.
amet，莫利特，莫利特。Qui，minima ad ullam.
amet，莫利特，莫利特。奎，最低限度
软腐菌。Qui，minima ad ullam.
amet，莫利特，莫利特。Qui，minima ad ullam.
amet，莫利特，莫利特。奎，最低限度
软腐菌。Qui，minima ad ullam.
amet，莫利特，莫利特。Qui，minima ad ullam.
amet，莫利特，莫利特。奎，最低限度

$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（'.Section1li'）.addClass（'active'）；
}否则{
$（'.Section1Li'）。removeClass（'active'）；
}
});

文件
正文{overflow-x:hidden；padding top:50px；}
.slider{填充：0px；边距：0px；}
.slider li{显示：块；填充：30px；边距底部：30px；}
.主动{
背景色：#4a3c31e3；
颜色：#fff；
}
.主动{
位置：相对位置；
右：-100%；显示：块；
宽度：100%；不透明度：1；可见性：可见；
背景：蓝色；
-webkit动画：向前滑动1s；
-webkit动画延迟：1s；
动画：向前滑动1s；
}
@-webkit关键帧幻灯片{
100%{右：0%；}
}
@关键帧滑动{
100%{右：0%；}
}

amet。Qui，minima ad ullam.
amet，莫利特，莫利特。Qui，minima ad ullam.
amet，莫利特，莫利特。奎，最低限度
软腐菌。Qui，minima ad ullam.
amet，莫利特，莫利特。Qui，minima ad ullam.
amet，莫利特，莫利特。奎，最低限度
软腐菌。Qui，minima ad ullam.
amet，莫利特，莫利特。Qui，minima ad ullam.
amet，莫利特，莫利特。奎，最低限度
软腐菌。Qui，minima ad ullam.
amet，莫利特，莫利特。Qui，minima ad ullam.
amet，莫利特，莫利特。奎，最低限度
软腐菌。Qui，minima ad ullam.
amet，莫利特，莫利特。Qui，minima ad ullam.
amet，莫利特，莫利特。奎，最低限度
软腐菌。Qui，minima ad ullam.
amet，莫利特，莫利特。Qui，minima ad ullam.
amet，莫利特，莫利特。奎，最低限度

$（窗口）。滚动（函数（）{
如果（$（this）.scrollTop（）>100）{
$（'.Section1li'）.addClass（'active'）；
}否则{
$（'.Section1Li'）。removeClass（'active'）；
}
});
$（文档）.ready（函数（）{
var timeStart=0；
功能轮（e）{
变量y=e.originalEvent.deltaY；
var timeStop=new Date（）.getTime（）；
var timeDiff=timeStop-timeStart；
如果（时间差>200）{
如果（y>0）{
nextSlide（）；
}
if（y<0）{
prevSlide（）；
}
}
timeStart=timeStop；
}
函数prevSlide（）{
如果（$（'.active'）。是（':first child'））{
if（！$（'.slider'）.hasClass（'drawing'））{
$（'.slide:first child'）.addClass（'bounce'）；
setTimeout（函数（）{
$（'.slide:first child'）。removeClass（'bounce'）；
}, 300);
}
}否则{
$（'.active'）.removeClass（'active'）.addClass（'queue'）.prev（）.removeClass（'prev'）.addClass（'active'）；
}
}
函数nextSlide（）{
如果（$（'.active'）。是（':last child'））{
if（！$（'.slider'）.hasClass（'drawing'））{
$（'.slide:last child'）.addClass（'bounce'）；
setTimeout（函数（）{
$（'.slide:last child'）。removeClass（'bounce'）；
}, 300);
}
}否则{
$（'.active'）.removeClass（'active'）.addClass（'prev'）.next（）.removeClass（'queue'）.addClass（'active'）；
}
}
功能热键（e）{
如果（e.keyCode==38）{
prevSlide（）；
}
如果（e.keyCode==40）{
e、 预防默认值（）；
nextSlide（）；
}
}
函数dragStart（e）{
e、 预防默认值（）；
如果（e.type==“touchstart”）{
$（document）.off（'mousedown'，dragStart）；
startPoint=e.originalEvent.touchs[0].pageY；
}否则{
起始点=e.pageY；
}
dragDist=0；
$（文档）.on（'touchmove mousemove'，dragMove）；
}
功能拖动（e）{
如果（e.type=='touchmove'）{
var movePoint=e.originalEvent.touchs[0].pageY；
}否则{
var movePoint=e.pageY；
}
dragDist=（movePoint-startPoint）/$（'.s）