Īpašība scroll-behavior

Īpašība scroll-behavior iestata gludu vai acumirklīgu ritināšanu elementa iekšienē. Īpašība pieņem divas vērtības auto (acumirklīga pāreja uz elementu) un smooth (gluda pāreja).

Sintakse

cssselektors {
  scroll-behavior: auto vai smooth;
}

Piemērs . Vērtība auto

Uzstādīsim acumirklīgu ritināšanu:

html<div>teksts</div>

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

Результат:

Piemērs . Vērtība smooth

Tagad uzstādīsim gludu ritināšanu:

html<div>teksts</div>

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

Результат:

Skatiet arī