javascript - 着陆页有延迟然后自动向下滚动

Question

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

我有一个显示大 Logo 的登录页面。 我想要在自动滚动生效之前有 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

根据上面的评论:

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