Ominaisuus scroll-behavior

Ominaisuus scroll-behavior määrittää sulavan tai välittömän vierityksen elementin sisällä. Ominaisuus hyväksyy kaksi arvoa auto (välitön siirtyminen elementtiin) ja smooth (sulava siirtyminen).

Syntaksi

cssvalitsija {
  scroll-behavior: auto tai smooth;
}

Esimerkki . Arvo auto

Asetetaan välitön vieritys:

html<div>teksti</div>

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

Результат:

Esimerkki . Arvo smooth

Asetetaan nyt sulava vieritys:

html<div>teksti</div>

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

Результат:

Katso myös