javascript - scrollTop 的问题 - 30 秒应该持续，29 秒停留在一个地方

Question

我的网站有 7 个部分(#section1、#section2、...)。在#section1 中我有一个按钮#click_to_start。单击它后，它应该使用此代码将我带到网站底部(到页脚#lastFooter)

$("#click_to_start").click(function() {
    $([document.documentElement, document.body]).animate({
        scrollTop: $("#lastFooter").offset().top
    }, 30000);
});

从#section1到页面底部的移动应该持续30秒(因为滚动过程中会播放各种动画)。

问题是，当我单击按钮时，我在 #slide1 上停留了 29 秒(动画播放速度非常非常慢)，然后最后 1 秒它只是将我从 #slide1 冲到页面底部。

这是网站的墨水:http://php.soulmates.company/main.php

在我的语言中，该按钮称为“Klikni pre prehratie”。菜单中还有一个选项可以更改为英语，但并非所有内容都已翻译，它会将您带到旧的index.php，因此现在对您没有用，抱歉。

Answer 1

好吧，代码很乱 但我认为这可以帮助你

  $("html, body").animate({ scrollTop: $("#container").height() }, 30000);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div id="container">
    
   <div>content</div><div>content</div><div>content</div>
    <div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div><div>content</div>
</div>