无限滚动不工作在谷歌浏览器
Infinite Scrolling Not working in Google Chrome
我有以下脚本,使页面从数据库中获取更多记录,并在页面末尾加载它们。它在Mac上的Safari 10.0上运行良好,但在Google Chrome 53.0.2785.143上运行不佳。如果我把Chrome浏览器窗口的大小调整到接近智能手机的大小,它就会开始工作。
当控制台不工作时没有任何东西,所以没有任何错误要调试。如果我观察web服务器日志,当我尝试向下滚动页面时,没有请求,所以根本没有发生任何事情。
脚本如下:
< script type = "text/javascript" >
var skip = 20;
var action = "<?php echo $action ?>";
$(window).scroll(function() {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
loadArticle(skip);
skip += 20;
}
});
function loadArticle(pageNumber) {
$('#inifiniteLoader').show('fast');
$.ajax({
url: "getMoreEvents.php",
type: 'POST',
data: "action=" + action + "&skip=" + skip,
success: function(html) {
$('#inifiniteLoader').hide('1000');
$("#content").append(html); // This will be the div where our content will be loaded
}
});
return false;
} < /script>
$(window).scroll(function() {
if ($(window).scrollTop() >= $(document).height() - $(window).height()) {
loadArticle(skip);
skip += 20;
我有完全相同的问题。它在我尝试的每个浏览器上工作,甚至在本地服务器上运行的chrome上工作,但当我将我的项目部署到Heroku运行在https安全服务器上时却没有。这是相当恼人的行为,这似乎是一个错误的Chrome。
解决方案是在页面结束前调用该函数,并留下一个小的"间隙"。
解决方案如下:Vytaliy Makovyak解决方案
相关文章:
- Javascript字母选择没有'我不能在谷歌浏览器上工作
- 我的时间倒计时脚本在谷歌浏览器中工作正常,但在其他浏览器中打开时它显示为南楠
- 在Firefox上工作的Web工作者在谷歌浏览器上抛出奇怪的错误
- 我的源映射断点在谷歌浏览器中无法正常工作
- 让谷歌浏览器扩展程序只在一个标签上工作
- 谷歌浏览器的“新标签”iframe如何工作
- IE浏览器的Javascript问题,在谷歌浏览器中工作正常,但在IE中则不行
- 是否可以在浏览器中创建类似谷歌浏览器工作区的东西
- Javascript在谷歌浏览器中不能正常工作
- 谷歌浏览器iframe身体加载不工作
- 按钮在谷歌浏览器中不工作
- Javascript的iframes调整功能不工作在谷歌浏览器
- jQuery代码不工作在谷歌浏览器
- POST后禁用按钮在谷歌浏览器不工作
- JavaScript的toggle不工作在谷歌浏览器
- 填写用户名和密码后,当我按下一个回车键无法登录ie,但谷歌浏览器工作正常.如何来
- 无限滚动不工作在谷歌浏览器
- 数组推送功能不工作在谷歌浏览器
- 长字符串在Firefox中自动被截断,而在谷歌浏览器中其工作完美
- 鼠标滚动不工作在谷歌浏览器