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

Question

因此，在我的 HTML 中，我有一个名为 .myFeature_info 的 class，同时我在 [=11] 的末尾包含了以下脚本=]标签。

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

这是代码，我很想知道 'why'，我只想使用 JS。

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

Answer 1

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

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

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

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

Function not being executed. Scroll Event Listener

html

javascript

function

getboundingclientrect