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

【问题标题】：Function not being executed. Scroll Event Listener函数未执行。滚动事件监听器
【发布时间】：2018-03-10 21:29:22
【问题描述】：

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

【问题讨论】：

你声明了这个函数，但你没有在任何地方调用它。

标签： javascript html function getboundingclientrect

【解决方案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()
}

【讨论】：

非常感谢。我不敢相信我没有抓住那个。我想我应该休息一下，哈哈。再次感谢。
或者，忘记函数名，把函数体（来自var myFeature_info等）放在事件监听器中。