登陆页面有延迟然后自动向下滚动

Question

我是jquery / javascript的新手并遇到了一个问题。

我有一个显示大徽标的登录页面。 我希望在自动滚动生效之前有3秒的暂停/延迟。

我目前使用的代码是 -

JS

$('html, body').animate({scrollTop: $('#hello').offset().top}, 4000);

HTML

<div class="fillwindow" style="background-image:url('#')">
    <div  class="landing__logo">
        <img  class="landing__logo-img" src="#">
    </div>
</div>

<div class="fillwindow" id="hello" style="background-image:url('#')">
    <div class="nav-header">
        <a href="<?php home_url(); ?>portfolio" class="nav-btn js-navBtn">PORTFOLIO</a>
    </div>
    <a href="<?php home_url(); ?>portfolio"><div class="nav-hitstate"></div></a>
</div>

Answer 1

根据上述评论：

~mask

Answer 2

非常感谢 - Sideroxylon的帮助。他的建议是我正在寻找的正确答案。

$(document).ready(function() {
  setTimeout(function() {
      $('html, body').animate({
         scrollTop: $('#hello').offset().top 
      },4000);
  }, 2000);
});