Як зробити – Плавну прокручування
- Плавна прокручування
- Створити плавну прокрутку Додати scroll-behavior: smooth до елемента <html>, щоб увімкнути плавну прокручування для всієї сторінки (Примітка: також можна додати його до певного елемента/контейнера прокручування):
- Підтримка браузерів.
- Крос-браузерне рішення
Дозволити або заборонити прокручування сторінки можна зробити за допомогою елемента div та властивості overflow у CSS. Тепер, якщо вміст блоку scroll перевищить висоту блоку, з'явиться смуга прокручування, за допомогою якої можна буде прокручувати вміст.
window. scrollTo({ top: 1000, // встановимо скролл на величину 1000px behavior: "smooth" // використовуємо плавний скролл });