自动滚动到jQuery的.load网站

的div我加载网站在这样一个div：自动滚动到jQuery的.load网站

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

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

加载的网站包含使用id =“测试”一个DIV。目前为止这么好。

但是有可能将页面自动滚动到该DIV？

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

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

Thx！

来源

2017-04-13 Maxcim

从jQuery的DOC：

.load（URL [，数据] [，完整]）：

其中：完整

类型：Function（字符串responseText的，字符串textStatus，jqXHR jqXHR）

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

这意味着你可以修改代码为：

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

来源

2017-04-13 20:36:53 gaetanoM

完美的作品！感谢您的快速响应！ – Maxcim

由于某些原因，在jsfiddle中无法在div中加载该网站。但我想你看到我在努力。在加载的网站中，我尝试隐藏#home（左上方的徽标） https://jsfiddle.net/kzsww5no/ – Maxcim

@Maxcim首先：请删除以前的评论。禁止有太多评论.....第二。我更新了你的[小提琴]（https://jsfiddle.net/kzsww5no/3/）。为了模拟你的问题，我使用append（）来代替load。如果我在小提琴中更改媒体查询，则根据max-width指令应用#home的样式。你可以自己测试并让我知道。对我来说已经很晚了。明天见。让我知道。谢谢 – gaetanoM

自动滚动到jQuery的.load网站

回答

相关问题