Question

我遇到的问题是屏幕每次都直接滚动到底部，我改变了这一行

$("body,html").animate({scrollTop: $("#load_more_button").offset().top}, 800);

到

$("body").animate({scrollTop: $("#load_more_button").offset().top}, 800);

现在在firefox上它的起点在顶部，但是使用chrome桌面，在移动android / ios或ipad平板电脑上，它再次开始直接滚动到底部，有人有想法吗？

我的代码：

<div class="wrapper">
<ul id="results"><!-- results appear here --></ul>
<div align="center">
<button id="load_more_button"><img src="ajax-loader.gif" class="animation_image" style="float:left;"> Load More</button>
</div>
</div>

<script>
var track_page = 1; 
load_contents(track_page);

$("#load_more_button").click(function (e) {
track_page++;
load_contents(track_page);
});

function load_contents(track_page){
$('.animation_image').show();

$.post( 'index2_data.php', {'page': track_page}, function(data){

    if(data.trim().length == 0){
        $("#load_more_button").text("No more records!").prop("disabled", true);
    }

    $("#results").append(data);
    $("body").animate({scrollTop: $("#load_more_button").offset().top}, 800);
    $('.animation_image').hide(); 
});
}
</script>

使用jQuery Ajax从数据库加载更多结果

0 个答案: