如何在用户每次滚动时调用javascript函数

如何在用户每次滚动时调用javascript函数,javascript,html,ajax,Javascript,Html,Ajax,每次Facebook为用户更新提要时(当用户滚动时),我想调用一个javascript函数。你知道我怎么做吗 这不起作用: if (document.body.scrollTop > 30) { addArt(); } 感谢您使用onscroll功能: window.onscroll = function() { } 使用jquery,您可以使用此函数在用户每次滚动时运行代码 $(窗口)。滚动(函数(){ $(窗口).scrollTop()>30){ addArt();

每次Facebook为用户更新提要时(当用户滚动时),我想调用一个javascript函数。你知道我怎么做吗

这不起作用:

if (document.body.scrollTop > 30) {
        addArt();
}

感谢您使用
onscroll
功能:

window.onscroll = function() { }

使用jquery,您可以使用此函数在用户每次滚动时运行代码

$(窗口)。滚动(函数(){
$(窗口).scrollTop()>30){
addArt();
}
});

window.onscroll=function(){
如果(document.body.scrollTop>30){
addArt();
}
};


编辑:添加了无jquery版本

您需要将其附加到
窗口
滚动
事件侦听器。我将它包装在一个
onload
事件中,以便在加载文档后执行它

window.onload = function () {
  window.onscroll = function () {
    if (document.body.scrollTop > 30) {
      addArt();
    }
  };
};
或者,如果您正在使用jQuery,请使用:

$(function () {
  $(window).scroll(function() {
    if (document.body.scrollTop > 30) {
      addArt();
    }
  });
});

window.addEventListener(“滚动”,addArt())可能有效如果我没记错的话,有一个onscroll事件,而且他们没有使用jQuery?@GordonM Answer被编辑为非jQuery版本