Question

我加载了一个带有ajax的页面，我希望主页面自动滚动到加载页面的开头。这是我使用的代码：

HTML

<button class="btn btn-info btn-lg" type="button" id="photos"> <i class="fa fa-plus fa-5x"></i><br>Add Photo</button>

在页面底部我有这个js代码

$(document).ready(function(){
$("#photos").click(function(){
    $(".content-loader").fadeOut('slow', function()
    {
        $(".content-loader").fadeIn('slow');
        $(".content-loader").load('somepage.php?pid=3');
    });
});

以上工作正常，页面'somepage.php？pid = 3'已加载 <div class="content-loader">。当页面'somepage.php？pid = 3'被加载时，如何让页面自动滚动到<div class="content-loader">？

Answer 1

以下内容适用于.load()功能。它应滚动加载完成

$(".content-loader").load('somepage.php?pid=3', function () {
  $('html,body').animate({scrollTop: $(".content-loader").offset().top});
});

使用ajax加载页面并滚动到加载的页面锚点

1 个答案: