自動滾動到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網站

回答

相關問題