Scroll-behavior xassəsi

scroll-behavior xassəsi element daxilində hamar və ya ani sürüşdürməni təyin edir. Xassə iki dəyər qəbul edir auto (ani keçid) və smooth (hamar keçid).

Sintaksis

cssselektor {
  scroll-behavior: auto və ya smooth;
}

Nümunə . Auto dəyəri

Gəlin ani sürüşdürmə təyin edək:

html<div>mətn</div>

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

Результат:

Nümunə . Smooth dəyəri

İndi isə hamar sürüşdürmə təyin edək:

html<div>mətn</div>

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

Результат:

Həmçinin bax