自动滚动到 jquery 中的 div .load 站点

Question

我正在这样 div 中加载一个网站：

<script type="text/javascript">
    $(document).ready(function(){
            jQuery('#pagecontainer').load('http://www.example.com' );
    })
</script>       

<div id="pagecontainer" /></div>

加载的站点包含一个 DIV，id="test"。到目前为止一切顺利。

但是是否可以将页面自动滚动到 DIV？

下面的代码不起作用，我想是因为它无法在加载的站点中找到 DIV。

$(function(){
    $('html, body').animate({
        scrollTop: $('#test').offset().top
    }, 2000);
    return false;
});

谢谢！

Answer 1

来自 jQuery 文档：

.load( url [, data ] [, complete ] ):

where: complete

Type: Function( String responseText, String textStatus, jqXHR jqXHR )

A callback function that is executed when the request completes.

这意味着您可以将代码更改为：

$(document).ready(function(){
    jQuery('#pagecontainer').load('http://www.example.com', function() {
        $('html, body').animate({
            scrollTop: $('#test').offset().top
        }, 2000);
    });
})

自动滚动到 jquery 中的 div .load 站点

Autoscroll to div in jquery .load site

jquery

autoscroll