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;
}

Результат:

Տես նաև