Хусусияти scroll-behavior

Хусусияти scroll-behavior гардиши нарм ё фаврии дар дохили унсурро таъин мекунад. Хусусият ду қимат мегирад: auto (гузариши фаврӣ ба унсур) ва smooth (гузариши нарм).

Синтаксис

cssинтихобкунанда {
  scroll-behavior: auto ё smooth;
}

Мисоли . Қимати auto

Биёед гардиши фавриро таъин кунем:

html<div>матн</div>

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

Результат:

Мисоли . Қимати smooth

Ва акнун гардиши нармро таъин кунем:

html<div>матн</div>

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

Результат:

Ҳамчунин нигаред