Scroll-behavior xususiyati

scroll-behavior xususiyati element ichida silliq yoki darhol aylantirishni belgilaydi. Xususiyat ikki qiymatni qabul qiladi auto (darhol elementga o'tish) va smooth (silliq o'tish).

Sintaksis

cssselector {
  scroll-behavior: auto yoki smooth;
}

Misol . Auto qiymati

Keling, darhol aylantirishni belgilaymiz:

html<div>matn</div>

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

Результат:

Misol . Smooth qiymati

Endi esa silliq aylantirishni o'rnatamiz:

html<div>matn</div>

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

Результат:

Shuningdek qarang