javascript - 函数没有被执行。滚动事件监听器

标签 javascript html function getboundingclientrect

因此,在我的 HTML 中,我有一个名为 .myFeature_info 的类,同时我还在 <body> 的末尾包含了以下脚本标签。

我想知道为什么当我滚动时该函数没有被调用。

这是代码,我很想知道“为什么”,我喜欢只使用 JS。

    window.addEventListener('scroll', function(e) {
    function isInViewPort (){
    var myFeature_info = document.getElementsByClassName('myFeature_info')[0];
    var getPos = myFeature_info.getBoundingClientRect();
    console.log(getPos);
  }
});

最佳答案

您不是在滚动时调用任何函数,而是定义一个函数!分开定义并在滚动时调用它:

function isInViewPort (){
var myFeature_info = document.getElementsByClassName('myFeature_info')[0];
var getPos = myFeature_info.getBoundingClientRect();
console.log(getPos);
}

window.addEventListener('scroll', function(e) {
 isInViewPort()
}

关于javascript - 函数没有被执行。滚动事件监听器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49214216/

相关文章:

javascript - 如何在 JavaScript 中单击时向另一个选定列表添加和删除多个选定列表值

javaScript 函数 - 为什么我的默认参数失败?

c++ - 捕获函数名称

C++:如何通过删除多个元素来删除 "set"?

javascript - Firebase 身份验证 onAuthStateChanged 在函数体之后响应

javascript - 为弹出 div 以外的屏幕设置黑色背景

javascript - 无法找到代码中所需的json模块(程序运行正常并且使用了模块)

html - 悬停标题文本和背景的 native /默认颜色

javascript - 在仅包含图像的列数 CSS 列中平衡高度

html - 内容随可编辑分区移动