Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/369.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript滚动事件侦听器不工作_Javascript_Javascript Events - Fatal编程技术网

JavaScript滚动事件侦听器不工作

JavaScript滚动事件侦听器不工作,javascript,javascript-events,Javascript,Javascript Events,我有一个脚本,可以为页面上的某些项目设置动画。但是,由于标题、导航和横幅的原因,页面加载时无法正确看到这些点。因此,我希望在用户向下滚动到足以看到动画后加载动画。在查找了不同的代码之后,我找到了下面的代码。然而,无论我做什么,我似乎没有得到滚动事件的响应。我甚至试图通过向控制台发送滚动数据来测试它,但什么也没有得到 “严格使用”; var pointsArray=document.getElementsByClassName('point'); var animatePoints=函数(点){

我有一个脚本,可以为页面上的某些项目设置动画。但是,由于标题、导航和横幅的原因,页面加载时无法正确看到这些点。因此,我希望在用户向下滚动到足以看到动画后加载动画。在查找了不同的代码之后,我找到了下面的代码。然而,无论我做什么,我似乎没有得到滚动事件的响应。我甚至试图通过向控制台发送滚动数据来测试它,但什么也没有得到

“严格使用”;
var pointsArray=document.getElementsByClassName('point');
var animatePoints=函数(点){
函数RevalPoints(){
对于(var i=0;i950){//如果用户可以看到它,只需执行动画即可
动画点(pointsArray);
}
var sellingPoints=document.getElementsByClassName(“卖点”)[0];
var scrollDistance=sellingPoints.getBoundingClientRect().top-window.innerHeight+200;
window.addEventListener(“滚动”),函数(事件){
log(“当前距顶部的偏移量为“+sellingPoints.getBoundingClientRect().top+”像素”);
if(document.documentElement.scrollTop | | document.body.scrollTop>=滚动距离){
动画点(pointsArray);
}
});

};我认为您的问题在于,在您的案例中,
window.onload
事件永远不会触发

你能不使用
onload
?像这里或者有货的地方


但您需要确保其他脚本不会覆盖
window.onload
函数。所以,为了找出您的问题所在,请发布更多的代码,或者至少不工作的示例

它是否将消息记录在滚动事件监听器(
console.log(“当前偏移量…
)中)中?否,它没有。将
警报(“加载”)
窗口内。onload
函数并查看它是否发出警报。我将它放在那里,但什么也没有发生。我是否无法正确访问滚动?问题在于加载事件侦听器。您使用的是什么浏览器?