小编Fab*_*oma的帖子

我对CSS 滚动捕捉有疑问。我想通过 JavaScript 检测捕捉的元素并分配它，例如 CSS 类或类似的。

不幸的是，我还没有找到检测捕捉元素的方法。背景：我有一个包含子项目的列表，这些子项目是滚动的，列表中的中间项目始终应突出显示：

布局

我已经用 rootMargin 测试了交叉观察器来检测垂直居中的元素，但它\xe2\x80\x99 的错误多于有用。

超文本标记语言

<div class="timeline-menu-dropdown-years-list-container">\n    <ul class="timeline-menu-dropdown-years-list timeline-menu-dropdown-years-text" id="yearcontainer">\n        <li id="2010" class="timeline-dropdown-year" data-target="year-2010">2010</li>\n        <li id="2009" class="timeline-dropdown-year" data-target="year-2009">2009</li>\n        <li id="2008" class="timeline-dropdown-year" data-target="year-2008">2008</li>\n        <li id="2007" class="timeline-dropdown-year" data-target="year-2007">2007</li>\n        <li id="2006" class="timeline-dropdown-year" data-target="year-2006">2006</li>\n        <li id="2005" class="timeline-dropdown-year" data-target="year-2005">2005</li>\n        <li id="2004" class="timeline-dropdown-year" data-target="year-2004">2004</li>\n        <li id="2003" class="timeline-dropdown-year" data-target="year-2003">2003</li>\n        <li id="2002" class="timeline-dropdown-year" data-target="year-2002">2002</li>\n        <li id="2001" class="timeline-dropdown-year" data-target="year-2001">2001</li>\n        <li id="2000" class="timeline-dropdown-year" data-target="year-2000">2000</li>\n    </ul>\n</div>\n

CSS

.timeline-menu-dropdown-years-list-container {\n  max-height: 250px;\n  overflow: scroll;\n …