我的代码在这里:
`<script type="text/javascript" language="javascript">
$(window).scroll(function ()
{
if ((($(window).scrollTop() + $(window).height())) >= $(document).height())
{
setTimeout(function ()
{
scrollMore();
}, 500);
}
});
function scrollMore()
{
if ($(window).scrollTop() == (($(document).height()) - ($(window).height())))
{
var records =<?php echo $total_record; ?>;
var offset = -Infinity;
$(".limit").each(function ()
{
offset = Math.max(offset, parseFloat(this.value));
});
var query = $("#query").val();
if (records >= offset)
{
$(window).unbind("scroll");
$("#loading").show();
setTimeout(function ()
{
loadMoreData(offset, query);
}, 500);
scrollTop: 0;
}
}
}
function loadMoreData(offset, query)
{
$("#loading").css('display', 'block');
$.ajax({
type: 'POST',
async: false,
url: 'get_data.php',
data: {limit: offset, query: query},
success: function (data)
{
$("#loading").hide();
$('#posts').append(data);
},
error: function (data)
{
alert("ajax error occured" + data);
}
}).done(function ()
{
$(window).bind("scroll", function ()
{
scrollMore();
});
});
}
</script>
这在窗口和ubuntu中完美适用于所有响应大小的桌面,标签,移动设备(响应宽度),但无法在移动设备Chrome浏览器中使用。
在移动设备中,mozila firefox浏览器运行良好。