在jquery .load site

时间:2017-04-13 20:31:11

标签: jquery autoscroll

我在这样的div中加载一个网站:

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

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

加载的网站包含ID =&#34;测试&#34;的DIV。 到目前为止一切都很好。

但是可以将页面自动滚动到那个DIV吗?

下面的代码不起作用,我认为因为它无法在加载的网站中找到DIV。

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

THX!

1 个答案:

答案 0 :(得分:1)

来自jQuery doc:

  

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

     

其中:完成

     

类型:Function(String responseText,String textStatus,jqXHR jqXHR)

     

请求完成时执行的回调函数。

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

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