javascript - 加载页面时如何实现回滚到特定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>