Меню Закрити

Як зробити прокручування

Як плавно прокручувати сторінку?

Як зробити – Плавну прокрутку

  1. Плавна прокручування
  2. Створити плавну прокрутку Додати scroll-behavior: smooth до елемента <html>, щоб увімкнути плавну прокрутку для всієї сторінки (Примітка: також можна додати його до певного елемента/контейнера прокручування):
  3. Підтримка браузерів.
  4. Крос-браузерне рішення

Збережена копія

Як зробити плавний скролінг?

Додамо плавний скролінг за допомогою коду CSS усередині тегу <head>. Код складається з властивості scroll-behavior і значення smooth. Ще виберемо кольори та висоту для різних частин із текстом: рожевий та жовтий. Завдяки значенню smooth вдалося досягти плавного скролінгу на веб-сторінці.