Scroll-behavior қасиеті

scroll-behavior қасиеті элемент ішіндегі айналдыруды тегіс немесе лезде орнатады. Қасиет екі мәнді қабылдайды: auto (элементке лезде өту) және smooth (тегіс өту).

Синтаксис

cssселектор {
  scroll-behavior: auto немесе smooth;
}

Мысал . Auto мәні

Лезде айналдыруды орнатайық:

html<div>мәтін</div>

cssdiv {
  scroll-behavior: auto;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

Мысал . Smooth мәні

Енді тегіс айналдыруды орнатайық:

html<div>мәтін</div>

cssdiv {
  scroll-behavior: smooth;
  width: 4000px;
  height: 2000px;
  background-color: #C2DDFD;
}

Результат:

Сондай-ақ қараңыз