Блог

У меня есть пара кнопок, где одна прокручивается до верха страницы:

 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.

В w3cschools есть функция, которая делает именно это, https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_animate_smoothscroll