单击按钮将asp.net滚动到“锚点”

Question

我有几个按钮，其中一个滚动到页面顶部：

function topFunction() {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
}

另一个滚动到特定锚点：

function Intro1Function() {
    document.getElementById('Intro1').scrollIntoView(true);
}

我在标题后面也有模糊的背景，

   var pageContent = document.getElementById("mainContent"),
   pagecopy = pageContent.cloneNode(true),
   blurryContent = document.getElementById("blurryscroll");
   blurryContent.appendChild(pagecopy);
   window.onscroll = function () {
       blurryContent.scrollTop = window.pageYOffset;
   }

滚动到顶部时，内容和模糊内容都会平滑滚动。

但是，导航至锚点时，我无法同时滚动两者。仅滚动模糊的内容，而不滚动主要内容。

我是asp.net布局编码的初学者，完全不懂js。

Answer 1

在https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_animate_smoothscroll

上，w3cschools有一个功能可以完全做到这一点。