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>

如何在加载页面

1 个答案: