Скроллинг к элементу на jQuery. Переход при нажатии на кнопку

Опубликовано автором

Функция:

function slowScroll(selector) { 
	var offset = 50; // сколько отступить верхней частью экрана от объекта
	$('html, body').animate({ 
		scrollTop: $(selector).offset().top - offset
	}, 500);
	return false; 
}

Пример вызова:

<a href="#block6" onclick="slowScroll('#block6')">Заказать звонок!</a>

Пример полной страницы:

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Document</title>
   <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
   <style>
      #block1 {
         margin: 1200px 0px 100px 0px ;
      }
   </style>
</head>
<body>
   <a href="#block1" onclick="slowScroll('#block1')">Заказать звонок!</a>

   <div id="block1">
      Привет!
   </div>

   <script type="text/javascript">
      function slowScroll(id) {
         var offset = 0;
         $('html, body').animate({
            scrollTop: $(id).offset().top - offset
         }, 1000);
         return false;
      }
   </script>
</body>
</html>

Источник: https://prog-time.ru/plavnyj-skrolling/