使用 JavaScript 检测区域内的 <a>

【问题标题】：Detect an <a> inside an area using JavaScript使用 JavaScript 检测区域内的 <a>
【发布时间】：2012-05-03 17:56:05
【问题描述】：

我的问题是，我有一个里面有年份的水平滑块，所以它就像一个时间轴，年份是通过查询获取的，此时，用户必须滚动年份，然后单击一个特定年份和信息在网站上将过滤。

有没有办法检测水平幻灯片中心的年份？也许在中心有一个隐藏区域？

【问题讨论】：

你能贴一些代码让我们看看你在说什么吗？
我不理解你 100%，但无论如何。如果您有 X 年，并且想要此“列表”的中间元素，请获取元素 X/2（四舍五入）然后就可以了。
时间轴有一个滑块，我的意图是在滑块中间创建一个静态区域，因此当我滚动浏览年份时，它将选择进入该区域的年份，例如..滚动滚动滚动并在中间停在 1999，所以它的 1999 将被过滤希望我在这个问题上更清楚，干杯！

标签： javascript area timeline

【解决方案1】：

也许你应该观察滑块元素的滚动事件。您必须在每次滚动过程后测量哪个元素位于可见滑块区域内（我想其他元素被 CSS 中的overflow: scroll 隐藏，对吧？）...

您应该使用一个小的延迟，以便该功能仅在滚动真正停止而不是持续时触发

因为最好用实际工作的代码来证明这一点...查看我的jsfiddle。它至少可以在 Chrome 中运行，但我想它也可以在其他浏览器中运行......当您滚动浏览年份列表并停止 50 毫秒时，此列表项在滑块 div 的可见区域中可见进入 console.log 进入 JS 控制台...希望对你有帮助 =)

编辑：有一个小的 CSS 错误...已修复并更新 URL

【讨论】：