ページをロードするときに特定のdivへのスクロールへのリフローを実装する方法

Question

ページがロードされているときに特定のdivにスクロールする方法。私は＃でURLのCSS IDを述べています。

ページには4つのdivセクションがあり、divの内容はゆっくりと表示されます。だから私は高さが正しく設定されていないので、スクロールが機能していないと思う。

問題： 予想されるdivにスクロールされませんでした。しかし、一旦ページがロードされると、それはクリックでうまくいきます。

私のコードは次のとおりです。

goTo = jQuery('#content3'); 
jQuery('html,body').animate({ 
    'scrollTop': goTo 
}, 1000); 

リフロー方法でこの問題を解決する方法は？

ありがとうございました!!!これは動作します

Answer 1

設定されたオフセットのdiv要素の上部と、

goTo = $('#content3').offset().top; 

window.onload = function() { 
 
    goTo = $('#content3').offset().top; 
 
    $('html,body').animate({ 
 
    'scrollTop': goTo 
 
    }, 1000); 
 
}

div { 
 
    height: 500px; 
 
    border: 1px solid; 
 
    margin-bottom: 10px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="content1">Content 1</div> 
 
<div id="content2">Content 2</div> 
 
<div id="content3">Content 3</div> 
 
<div id="content4">Content 4</div>