我在这样的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!
答案 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);
});
})