Javascript滚动处理程序未触发 [英] Javascript Scroll Handler not firing

问题描述

我要做的就是在滚动 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 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);

这篇关于Javascript滚动处理程序未触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！