一尘不染

加载Ajax内容后滚动到顶部

ajax

无论如何,我可以做到这一点,以便在内容加载后(通过Ajax)页面自动滚动到顶部吗?

这是我显示内容的代码:

$(document).ready(function () {
    var my_layout = $('#container').layout();
    $("a.item_link").click(function () {
        $("#loader").fadeIn();

        feed_url = $(this).attr("href");
        $.ajax({
            type: "POST",
            data: "URL=" + feed_url,
            url: "view.php",
            success: function (msg) {
                $("#view-area").html(msg);

                $("#loader").fadeOut();
            }
        });
        return false;
    });
});

因此,在“视图区域”加载其内容之后,我可以使页面自动滚动到顶部吗?


阅读 251

收藏
2020-07-26

共1个答案

一尘不染

只需使用滚动功能

scrollTo(0);

如果您要使用jQuery,那么这里是一个很好的平滑示例:)

从链接:

$('html, body').animate({ scrollTop: 0 }, 0);
//nice and slow :)
$('html, body').animate({ scrollTop: 0 }, 'slow');

放入代码中

...
        success: function (msg) {
            $("#view-area").html(msg);
            $("#loader").fadeOut();
            //Put code here like so
            $('html, body').animate({ scrollTop: 0 }, 0);
        }
2020-07-26