在滚动导航中检测当前元素的最有效方法

Question

我不确定如何找到我需要的东西（命名）所以我指望你为我解释。

我需要根据＆＃34; post＆＃34;创建javascript内容导航。或＆＃34;评论＆＃34;系统。首先，我想强调的是，内容不是纯文本，而是包含可在使用过程中调整大小的HTML，图像和其他对象。

外观如何？ 一个容器用于内容分为多个部分，一个用于专用导航滚动 - 此滚动相对于部分对齐。

整个系统非常类似于话语帖子导航 - check discourse here

• 对我来说最重要的是保持滚动和内容的同步。
• 如果您点击滚动中的第3个帖子，内容应滚动到此帖子 - 这很容易。
• 如果您滚动鼠标滚动内容+专用导航会自动同步 - 我认为这是我的问题。

检查哪一部分是我当前部分的最佳方法是什么？ 我应该找到可见元素吗？边界矩形？根据所有部分的高度来计算它？

PS如果您有任何类似的工作库，您可以将其作为添加发布 - 它对我有帮助。

//修改

* best - 如果我获得更多元素（100-1000），简单，不会太慢，考虑动态内容（调整大小），并且也受到所有现代浏览器的支持。可能有超过3种方法，但如果你发布更多的替代品，我或其他人可以选择合适的解决方案。