Javascript 高级滑块自定义

我正在尝试使用超滑块和Bxslider实现下图类型的滑块

滑块说明：

• 黑匣子是点/站
• 蓝色的盒子是一辆小汽车
• 每当汽车驶过中途站时，我都需要将红色滑块切换到下一个滑块
• 用户可以使用鼠标滚动键或箭头键向前或向后移动汽车&在手机上使用向前或向后滑动

我使用超滑块和Bxslider所做的工作 使用bxslider的回调函数来设置汽车动画，但被卡住了

帮助：我需要的想法如何实现这样的结果。什么样的滑块我可以用来实现这样的东西

引用，但使用jQuery

（函数（$）{
var elem=$.jInvertScroll（['.scroll']），//一个数组，包含要设置动画的元素的选择器
{
高度：6000，//可选：定义用户可以滚动的高度，否则总长度将作为可滚动高度
onScroll:function（percent）{//可选：当用户向下滚动时将调用的回调函数，用于设置页面上其他内容的动画
控制台日志（百分比）；
}
});
$（窗口）。调整大小（函数（）{
if（$（窗口）.width（）