Свойство 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;
}

Результат:

Қаранг