Android Chrome浏览器上的Javascript滚动事件问题

我建立了一个网站,只要用户从我的数据库中加载内容,只要用户接近页面底部,它就会加载一定数量的DOM元素。我这样做是为了减少页面加载时间,并将其放在正文的底部。 它可以在所有PC浏览器上完美运行,并且可以在chrome / firefox开发人员电话模拟中的移动设备上正常运行。 (*旁注:我已经在那里的许多电话上对其进行了测试)。 但是,当我在真实电话上进行测试时,window.addEventListener(“ scroll”,function(){...});仅当我开始在1.5秒左右滚动时才有效。页面加载后,在任何其他情况下,如果我等待它不起作用,则不会调用该函数。 我不会讨论过多的细节和代码,我只会编写我的事件侦听器,如果陈述使用户感到沮丧的话,以及我将脚本放置在索引文件中的位置是什么,

<html> 
<head>
...
</head>
<body>
...
<script src="myScript.js"></script>
</body>
</html>

mySript.js

var productlinks=new Array(18);
/*LOADING PRODUCTS FROM DATABASE IN ARRAYS*/
.....
var counter=0;
var size=productlinks.length-9;
window.addEventListener("scroll",function(){
if((document.documentElement.scrollTop+document.documentElement.clientHeight>=document.documentElement.scrollHeight-1 ) && ((counter+8)<=size)){
load...
});
评论