无限滚动功能无法在iPhone 4上运行

时间:2012-06-14 22:59:09

标签: mobile

无限滚动脚本在桌面和Android网络浏览器上运行良好,但在iPhone 4上无法正常工作。我应该修改哪些内容使其适用于iPhone和Android?

“#more”是mysql查询输出的div ID。

这是脚本的一部分

var page = 1;
$(window).scroll(function () {
 $('#more').hide();
 $('#no-more').hide();

 if($(window).scrollTop() + $(window).height() > $(document).height() - 200) {
   $('#more').css("top","400");
   $('#more').show();
 }

 if($(window).scrollTop() + $(window).height() == $(document).height()) {

 $('#more').hide();
 $('#no-more').hide();

 page++;

2 个答案:

答案 0 :(得分:0)

旧代码: 下面的旧代码只能用于pc浏览器。

if ((($(window).scrollTop()+document.body.clientHeight)==$(window).height()) && isload=='true'){

新守则: 我只是将==更改为> =。它也适用于Android(Chrome)和iOS

if ((($(window).scrollTop()+document.body.clientHeight)>=$(window).height()) && isload=='true')

答案 1 :(得分:-2)

尝试替换它:

if($(window).scrollTop() + $(window).height() == $(document).height())

由此:

if($(window).scrollTop() + $(window).height() > $(document).height())