Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/89.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 使用ajax无限滚动不适用于Chrome_Javascript_Jquery_Ajax_Google Chrome - Fatal编程技术网

Javascript 使用ajax无限滚动不适用于Chrome

Javascript 使用ajax无限滚动不适用于Chrome,javascript,jquery,ajax,google-chrome,Javascript,Jquery,Ajax,Google Chrome,好的,在这个网站上做了大量的研究之后,我编写了执行无限滚动的代码 JS: 问题是,当在Mozilla中运行时,它工作得非常好。但当我在Chrome或Opera上尝试同样的方法时,它没有起作用 你们能帮我解决一下并告诉我问题出在哪里吗?试着用>=代替==,如果帮不上忙,试着在console.log中显示每个变量并分析它请单击代码段编辑器并在控制台中显示-也可以查看。也不要在一直被触发的事件处理程序中发出警报。使用console.logi如果您使用的是jQuery,我建议使用类似于航路点的东西。在实

好的,在这个网站上做了大量的研究之后,我编写了执行无限滚动的代码

JS:

问题是,当在Mozilla中运行时,它工作得非常好。但当我在Chrome或Opera上尝试同样的方法时,它没有起作用


你们能帮我解决一下并告诉我问题出在哪里吗?

试着用>=代替==,如果帮不上忙,试着在console.log中显示每个变量并分析它

请单击
代码段编辑器并在控制台中显示-也可以查看。也不要在一直被触发的事件处理程序中发出警报。使用console.logi如果您使用的是jQuery,我建议使用类似于航路点的东西。在实际代码中,我根本不使用alert。我编写了ajax从数据库中检索数据。只是在这里,我用alert替换了这个部分,这样它就不会很长,也不会很难理解。代码本身没有做任何有用的事情。添加一些HTML并显示代码在FX中而不是在Chrome中运行。这是一个很好的示例,我将==更改为>=并检查了日志。在这期间我注意到了一些事情。当控制台打开时,即响应设计模式,此代码在chrome中工作。但是一旦我关闭控制台,页面完全打开,它就不工作了。你知道为什么会这样吗?试着用这个例子。我认为窗户的高度不对。(例如,650而不是700)$(窗口).scroll(函数(){if($(窗口).scrollTop()+$(窗口).height()>=($(文档).height()-200)){alert($(这是底部!);}});我检查了这个代码,它在我的电脑上运行。尝试检查位置绝对元素、浏览器缩放、窗口高度和文档高度。另外,请检查js崩溃和其他错误。也许你的密码是重复的。嗯,我试过了,几乎成功了。但不完全如此。它不停地提醒我的浏览器。我用实时数据而不是警报进行了尝试,我的所有数据都立即加载。问题仍然存在(尝试在页面末尾滚动并获得此总和:$(窗口).scrollTop()+$(窗口).height()并将其与$(文档).height()一起包含,差值应为0。您还可以使用$(lastelem).offset().top+elemheight istead$(文档).height()
$(window).scroll(function() {
    if ($(window).scrollTop() + $(window).height() == $(document).height()) {
        alert('This is Bottom!');
    }
});