scroll-behavior ගුණය

scroll-behavior ගුණය මූලද්‍රව්‍යයක් තුළ සිනිඳු හෝ ක්ෂණික අනුචලනය සකස් කරයි. ගුණය auto (ක්ෂණික සංක්‍රමණය) සහ smooth (සිනිඳු සංක්‍රමණය) යන අගයන් දෙක පිළිගනී.

වාක්‍ය රීතිය

cssතෝරන්නා {
  scroll-behavior: auto හෝ smooth;
}

උදාහරණය . auto අගය

ක්ෂණික අනුචලනය සකස් කරමු:

html<div>text</div>

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

Результат:

උදාහරණය . smooth අගය

දැන් සිනිඳු අනුචලනය සකස් කරමු:

html<div>text</div>

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

Результат:

මෙයද බලන්න