Javascript 水平滚动转盘

以道歉开始从来都不好，但请允许我为这篇文章糟糕的标题道歉，也为我提出的问题道歉，毫无疑问，这个问题以前已经被问过无数次了。然而，由于我想不出适合这篇文章的标题，你可以想象我的搜索进展如何

我希望在页面上复制滚动效果，该部分以“获得活力，承担责任”开头

我对这里发生的事情有一个粗略的了解，但我没有足够的智慧把它全部拼凑起来

• 用户将页面滚动到此分区
• JS计算这个div的滚动位置，并在父div上设置一个类，将其状态更改为fixed
• 由于状态的改变，子div现在可以滚动
• JS知道最后一个子div的位置，当它位于父div的顶部时，它从父div中删除类，并允许页面的其余部分再次正常滚动

我想我可以用这样的方法计算第二个要点

$(window).scrollTop()

我可以很容易地在父对象上切换类。我很难理解的是JS如何知道最后一个子div已经被滚动，然后在函数中组织它以从父类中删除该类

任何帮助都将不胜感激

---

顺便说一句，我已经在这个项目中使用了jcarousel，如果我可以重用现有的代码，那就太好了，但我甚至不知道这个插件是否可以处理我正在寻找的东西。

可能你将无法使用jcarousel来处理这类东西，我使用这个库：，demo