功能未被执行。滚动事件监听器

时间:2018-03-10 21:29:23

标签: javascript html function getboundingclientrect

所以,在我的HTML中,我有一个名为.myFeature_info的课程,以及我在<body>标签末尾包含以下脚本。

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

这里是代码,我很想知道为什么&#39;我喜欢只使用JS。

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

1 个答案:

答案 0 :(得分:2)

你没有在滚动上调用任何函数但是定义了一个函数!分开定义并在滚动时调用它:

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

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