按钮单击滚动不起作用

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);
             });

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