Javascript 滚动处理程序未触发

2022-01-15 00:00:00 event-handling javascript dom-events

我要做的就是在滚动 DIV 时调用一个函数.为简单起见，我没有指定其他任何内容.此外，我只关注 DOM 兼容的浏览器，例如 Chrome、Safari(不是 IE).

All I'm trying to do is to call a function when a DIV is scrolled.For simplicity sake Im not specifying anything else. Also I am only looking at DOM compliant browsers like Chrome, Safari (not IE).

我的问题是滚动处理程序永远不会被调用.如果我将 scroll 替换为 click ，它会在我单击时起作用.不知何故，滚动不起作用.

MY problem is that the scroll handler never gets called. If I replace the scroll to click , it works when I click. Somehow the scroll is not working.

请注意:我不能使用 jQuery :(

Please note: I cannot use jQuery :(

这是我的代码:

HTML:

<div id="test">--long content--</div>

JS:

   function myFunc() {
        console.log('in myFunc');
    }
    var objTable = document.getElementById("test");

    objTable.addEventListener("scroll", function () {
        myFunc();
    }, false);

小提琴:

http://jsfiddle.net/yymg5/7/

推荐答案

这是因为窗口滚动而不是div.尝试将您的元素侦听器更改为 div 的父级(在本例中为窗口)，例如 this.

This is because the window is scrolling not the div. Try changing your element listener to the parent of the div (in this case the window) like this.

window.addEventListener("scroll", function () {
    myFunc();
}, false);

相关文章