javascript - 函数未执行。滚动事件监听器

Question

因此，在我的 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);
  }
});

score 2 · Accepted Answer

您不是在滚动上调用任何函数，而是定义一个函数！分离定义并在滚动时调用它：

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 - 函数未执行。滚动事件监听器

1 回答 1

Related

Reference