javascript - 当用户使用 JavaScript 滚动到节点时定位节点的 HTML ID

Question

我最近问过这个问题，但似乎之前的答案并不是我想要的。如果我有这样的代码:

<br><br><br>...Lots of BRs...<br><br><br>
<div id="thetargetone"></div><div id="show"></div>
<br><br><br>...Lots of BRs...<br><br><br>
<div id="thetargettwo"></div><div id="show"></div>
<br><br><br>...Lots of BRs...<br><br><br>
<div id="thetargetthree"></div><div id="show"></div>
<br><br><br>...Lots of BRs...<br><br><br>
//and so on...

我想要的是，当用户滚动(或按“空格”或以其他方式)到达此特定 ID(id=thetargetone 或 thetargettwo 等)时我将使用 JavaScript 代码来操作它们的属性。例如，如果用户滚动到 id="thetargetone"，JavaScript 将触发 id="thetargetone" 的不透明度。仅使用 JavaScript 可以做到这一点吗？如果是这样，请问我该怎么做？

Answer 1

一个简单的解决方案是使用 Bootstrap 的插件 Scrollspy 。您可以在 Bootstrap 页面 there 上找到文档。使用起来非常简单:

$('#myScrollspy').on('activate.bs.scrollspy', function () {
    // do something…
})