javascript - 向下平滑滚动

我正在尝试这样做，当您单击文本时，我希望其动画到页面的一部分。
例如：https://osynlig.se
单击案例，您会看到它动画到页面的该部分。

在我的网站上。当我单击首页信息时，请与我们联系，我希望它动画到页面上那些东西所在的部分，而我不知道该怎么做:(

http://pixelatedore.zapto.org/看到该代码转到我的网站并执行ctrl + u

我不知道如何在这里粘贴代码：3。

如果您可以发送指向说明的网站链接，或者您知道并撰写评论。那会被高傲地应用。

最佳答案

这样的事情？

$(document).ready(function(){
   $(".anchor").click(function(e){
      $('html, body').animate({
       scrollTop: $($(this).attr('href')).offset().top
      }, 1000);
   });
});

#top{background-color:red;}
#middle{background-color:yellow;}
#bottom{background-color:green;}
div.block{height:400px;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="toppage"></div>
<a class="anchor" href="#top">
        <div class="arrow-down-light-blue">top</div>
    </a>


    <a class="anchor" href="#middle">
        <div class="arrow-down-light-blue">middle</div>


    <a class="anchor" href="#bottom">
        <div class="arrow-down-light-blue">bottom</div>
    </a>

<div class="block" id="top">The top
  <a class="anchor" href="#toppage"> Back to top</a>
      </div>
<div class="block" id="middle">The middle
      <a class="anchor" href="#toppage"> Back to top</a>
      </div>
<div  class="block" id="bottom">The bottom
      <a class="anchor" href="#toppage"> Back to top</a>
      </div>

关于javascript - 向下平滑滚动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/27888484/