按钮单击滚动不起作用

Question

使用javascript等进行编码非常新，点击滚动到另一个div时出现问题。 我在这里检查了很多帖子，但似乎无法找出为什么它不起作用。 任何帮助将不胜感激！ 这可能是一个简单的修复程序，我只是没有经验可以注意到。

这是代码（我会尝试压缩一下，但是想像一下它们之间有很多内容，因此值得一看）

HTML

 <div class="button-div"><button type="button">Click here</button></div>
 <div class="div-2-under-top">Content here</div>

Jscript脚本

 $("button").click(function() {
   $('html,body').animate({
      scrollTop: $(".div-2-under-top").offset().top},
      'slow')
 })

我有最新的jquery V3.3.1，所以我认为这不是问题...有什么想法吗？

这是实际代码本身的图片，以防万一我错过了一些重要的事情（如果代码很脏，我们深表歉意）

Answer 1

@TylerRoper为我找到了答案。

万一有人偶然发现并寻找答案，我将在此处粘贴他的答案。

OP，您的按钮单击事件必须在$（function（）{...}）部分中。 等待页面加载后将执行此部分。 通过尝试将事件附加到$（“ button”）之外，按钮尚未加载，因此无法附加事件。

Answer 2

$("button").click(function() {
               $('html,body').animate({
                  scrollTop: $(".div-2-under-top").offset().top},
                  1000);
             });

尝试看看是否可以工作？ 希望这对你有帮助