A scroll-behavior tulajdonság

A scroll-behavior tulajdonság egy elemen belüli sima vagy azonnali görgetést határoz meg. A tulajdonság két értéket fogad el: auto (azonnali átugrás az elemhez) és smooth (sima átmenet).

Szintaxis

cssszelektor {
  scroll-behavior: auto vagy smooth;
}

. példa: auto érték

Állítsunk be azonnali görgetést:

html<div>szöveg</div>

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

Результат:

. példa: smooth érték

Most pedig állítsunk be sima görgetést:

html<div>szöveg</div>

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

Результат:

Lásd még