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

标签 javascript

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

<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=thetargetonethetargettwo 等)时我将使用 JavaScript 代码来操作它们的属性。例如,如果用户滚动到 id="thetargetone",JavaScript 将触发 id="thetargetone" 的不透明度。仅使用 JavaScript 可以做到这一点吗?如果是这样,请问我该怎么做?

最佳答案

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

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

关于javascript - 当用户使用 JavaScript 滚动到节点时定位节点的 HTML ID,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37725649/

相关文章:

javascript - 如何使用createjs为图像应用渐变颜色?

javascript - 客户端 javaScript 来切换回发时反转的下拉列表效果?

PHP 函数内的 Javascript Ajax 数据

javascript - firefox 针对innerHTML iframe 标签的BUG

javascript - 使 div 上的颜色根据您单击的位置而变化

javascript - 我应该如何编辑这段代码来制作反转模糊效果?

javascript - 为什么 0010 在 javascript 中等于 8?

javascript - 对象属性存在但返回未定义?

javascript - 正则表达式 : Parse a sentence

javascript - 如何使用 lodash 的 ._get 方法检查路径的 2 个值