scroll-behavior ගුණය
scroll-behavior ගුණය මූලද්රව්යයක් තුළ සිනිඳු
හෝ ක්ෂණික අනුචලනය සකස් කරයි.
ගුණය auto (ක්ෂණික
සංක්රමණය) සහ smooth (සිනිඳු
සංක්රමණය) යන අගයන් දෙක පිළිගනී.
වාක්ය රීතිය
තෝරන්නා {
scroll-behavior: auto හෝ smooth;
}
උදාහරණය . auto අගය
ක්ෂණික අනුචලනය සකස් කරමු:
<div>text</div>
div {
scroll-behavior: auto;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
උදාහරණය . smooth අගය
දැන් සිනිඳු අනුචලනය සකස් කරමු:
<div>text</div>
div {
scroll-behavior: smooth;
width: 4000px;
height: 2000px;
background-color: #C2DDFD;
}
:
මෙයද බලන්න
-
සුළු පන්තිය
:fullscreen,
සම්පූර්ණ තිර ප්රකාරයේ දී මූලද්රව්යවලට විලාසය සකස් කරයි -
සුළු පන්තිය
:default,
පෙරනිමිය ලෙස මූලද්රව්යවලට විලාසය සකස් කරයි
