Чтобы прокрутить элемент div в центре страницы при нажатии, вы можете использовать различные методы. Вот несколько вариантов:

1. JavaScript/jQuery: для достижения этого эффекта можно использовать JavaScript или jQuery. Прикрепите обработчик события щелчка к элементу, запускающему прокрутку, и используйте свойство scrollTopдля прокрутки до нужного элемента div. Вот пример использования jQuery:

$('#button').on('click', function() {
  var container = $('html, body');
  var scrollToDiv = $('#div-id');
  var scrollToPos = scrollToDiv.offset().top - (container.height() - scrollToDiv.outerHeight()) / 2;
  container.animate({ scrollTop: scrollToPos });
});

2. Библиотека плавной прокрутки: вы можете использовать такую ​​библиотеку, как «Плавная прокрутка», для создания эффекта плавной прокрутки. Эта библиотека упрощает процесс прокрутки к определенному элементу. Вот пример использования библиотеки Smooth Scroll:

document.querySelector('#button').addEventListener('click', function() {
  var scrollToDiv = document.querySelector('#div-id');
  smoothScroll.scrollTo(scrollToDiv, 800);
});

3. Поведение CSS при прокрутке. Вы также можете добиться плавной прокрутки, используя только CSS. Свойство scroll-behaviorпозволяет вам установить поведение прокрутки для элементов. Вот пример:

html {
  scroll-behavior: smooth;
}

<button onclick="document.querySelector('#div-id').scrollIntoView({ behavior: 'smooth' })">
  Scroll to Div
</button>

Это всего лишь несколько способов прокрутки до элемента div в центре страницы при нажатии. Вы можете выбрать метод, который лучше всего соответствует требованиям вашего проекта.