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

Stack Overflow用户

提问于 2017-07-21 23:13:06

回答 1查看 457关注 0票数 0

我用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">？

ajax

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2017-07-21 23:19:00

下面的代码应该适用于.load()函数。它应该在load complete上滚动

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/45241136

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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