水平滚动轮播

Question

开始道歉并不好，但请允许我为这篇文章的糟糕标题道歉，并为提出一个毫无疑问曾被无数次问过的问题而道歉。但是，由于我无法想到这篇文章的合适标题，你可以想象我的搜索效果如何。

我希望在fitbit website上复制滚动效果，其中部分以＆＃34开头;充满活力，负责。＆＃34;

我对这里发生的事情有一个粗略的把握，但是没有聪明才能将它们拼凑在一起。

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

我想我可以用

之类的东西来计算第二个要点

$(window).scrollTop()

我可以轻松地在父母身上切换课程。我努力掌握的是JS如何知道最后一个子div已经滚动，然后在函数中组织它以从父级中删除该类。

非常感谢任何帮助。

作为旁注，我已经在这个项目中使用了jcarousel，如果我可以重用现有代码那么好但我甚至不知道这个插件能否处理我所做的事情寻找。