Scroll-behavior hassa

scroll-behavior hassasy element içinde üýşgün ýa-da derrew süýşmäni belläp berýär. Hassa iki gymmaty kabul edýär: auto (derrew geçiş) we smooth (üýşgün geçiş).

Sintaksis

cssselektory {
  scroll-behavior: auto ýa-da smooth;
}

Mysal . Auto gymmaty

Geliň derrew süýşme belläliň:

html<div>tekst</div>

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

Результат:

Mysal . Smooth gymmaty

Indi bolsa üýşgün süýşme belleliň:

html<div>tekst</div>

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

Результат:

Şeýle-de garaň