1. Интерактивность
  2. scroll-behavior

Интерактивность

scroll-behavior

Утилиты для управления поведением прокрутки элемента.

ClassStyles
scroll-auto
scroll-behavior: auto;
scroll-smooth
scroll-behavior: smooth;

Примеры

Использование плавной прокрутки

Используйте утилиту scroll-smooth для включения плавной прокрутки внутри элемента:

<html class="scroll-smooth">  <!-- ... --></html>

Установка scroll-behavior влияет только на события прокрутки, которые инициируются браузером.

Использование обычной прокрутки

Используйте утилиту scroll-auto для возврата к поведению браузера по умолчанию для прокрутки:

<html class="scroll-smooth md:scroll-auto">  <!-- ... --></html>
Авторские права © 2025 Tailwind Labs Inc.·Политика в отношении товарных знаков