<div>Форма</div>
<button>Кнопка</button>


  
/* Расположим псевдоформу 
где-то за границами экрана */
div {
  background: lightgreen;
  margin: 100vh 0;
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Зафиксируем кнопку */
button {
  position: fixed; 
  top: 10px;
}
// Выберем кнопку и форму
const $button = document.querySelector('button');
const $form = document.querySelector('div');

// При клике на кнопку
$button.addEventListener('click', e => {
  // Прокрутим страницу к форме 
  $form.scrollIntoView({ 
    block: 'nearest', // к ближайшей границе экрана
    behavior: 'smooth', // и плавно 
  });
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.