Как сделать чтобы колесико мыши прокручивало страницу плавно?

Для того чтобы колесико мыши плавно прокручивало страницу, можно использовать JavaScript и CSS. Вот как это можно сделать:

  1. Добавьте следующий код в <head> вашей HTML-страницы:
<style>

body {


scroll-behavior: smooth;


}


</style>

Этот код добавляет свойство scroll-behavior со значением smooth к тегу <body>, что позволяет плавно прокручивать страницу при использовании колесика мыши или других методов прокрутки.

  1. Если вы хотите плавно прокручивать страницу только для определенных элементов, вы можете заменить <body> на нужный вам элемент. Например, если вы хотите плавно прокручивать только элемент с идентификатором my-element, используйте следующий код:
<style>

#my-element {


scroll-behavior: smooth;


}


</style>
  1. Если вам нужно плавно прокручивать страницу с помощью JavaScript, вы можете использовать следующий код:
document.querySelector('#my-element').scrollIntoView({ behavior: 'smooth' });

Этот код выбирает элемент с идентификатором my-element и плавно прокручивает страницу, чтобы этот элемент отображался в окне просмотра.

Обратите внимание, что свойство scroll-behavior поддерживается не во всех браузерах. Для обеспечения совместимости с более старыми браузерами, вы можете использовать полифиллы или альтернативные методы, такие как анимация с помощью JavaScript или библиотек, таких как jQuery или GSAP.