Javascript 平滑滚动到与div相关的

在过去的几个小时里，我一直在浏览谷歌上的网页，学习没完没了的教程，但什么都没用

我所需要做的就是让它在顶部有一个按钮，比如“社交”（有4个按钮，但在这个例子中，我将保持它的简洁并使用一个）。当用户点击“所述按钮”时，它立即（平滑地）滚动到页面下方的另一个div

div有问题，其中3个是基于文本的，1个是另一个按钮。这些按钮是自定义的，因此它们包含一个css值，用于将其指向媒体文件夹中的图像和滚动文件。之所以这么说，是因为我使用的很多教程都使用了

标记或

/
• 等
  这是页面顶部的按钮行，单击该行将平滑滚动到另一个div：

  <div id="socialbutton"><a  draggable="false" title="Social Media"></a></div>
  

  *请注意，出于隐私目的，我已将值更改为“Abutton”，如果出现解决方案，我可以根据需要进行编辑
  最好我希望它滚动到div的顶部，我尝试过的一种方法是完全切掉几百个垂直像素
  抱歉，如果这些都是错的，我几乎是注册来问这个问题的，我的编码能力充其量是微薄的（我更倾向于网页设计），但我最终还是设法把一个页面组合在一起。然而，这个问题让我完全困惑不解
  如果有帮助的话，我会在head部分使用最新的JQuery库作为脚本
  应该做到这一点：

  $(document).ready(function() {
      $("#socialbutton").click(function() {
          $('html, body').animate({
              scrollTop: $("#Abutton").offset().top
          }, 2000);
      });
  });
  

  ---

  只需将上述代码粘贴在
  标记之间（如果在页面底部，则不需要

  文档.ready

  包装器-但我想如果您不太精通JS/jQuery，我会将其包括在内）
  可能是您的一个选择。很漂亮。
  天哪，给这个男人一些金子和闪亮的东西吧^！成功了！到了九点，它成功了！我可以吻你，但严格来说我是奶油面朝上的。另外，我甚至不知道是否可以通过桌面显示器来实现。@user3667048——总是很乐意帮忙！也欢迎使用StackOverflow:）

  $(document).ready(function() {
      $("#socialbutton").click(function() {
          $('html, body').animate({
              scrollTop: $("#Abutton").offset().top
          }, 2000);
      });
  });