Proprietatea scroll-behavior

Proprietatea scroll-behavior stabilește o derulare lină sau instantanee în interiorul unui element. Proprietatea acceptă două valori auto (tranziție instantanee către element) și smooth (tranziție lină).

Sintaxă

cssselector {
  scroll-behavior: auto sau smooth;
}

Exemplu . Valoarea auto

Să stabilim derularea instantanee:

html<div>text</div>

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

Результат:

Exemplu . Valoarea smooth

Și acum să stabilim derularea lină:

html<div>text</div>

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

Результат:

Vedeți și