JavaScript හි අංගයකට කවුළුව අනුචලනය කිරීම සඳහා ක්‍රමය
scrollIntoView ක්‍රමය කවුළුව
දී ඇති අංගයකට අනුචලනය කරයි. මෙම ක්‍රමය යොදනු ලබන්නේ
කවුළුව අනුචලනය කළ යුතු අංගයටය.
ක්‍රමයේ පරාමිතිය මගින්, අංගය කොතැන
තිබිය යුතුද යන්න නියම කරයි: කවුළුවේ ඉහළට ද නැතහොත් පහළට ද.
අපි උදාහරණ මගින් බලමු. කවුළුව අනුචලනය කරමින් අංගය කවුළුවේ ඉහළට එන පරිදි:
elem.scrollIntoView(true);
දැන් කවුළුව අනුචලනය කරමින් අංගය කවුළුවේ පහළට එන පරිදි:
elem.scrollIntoView(false);
පරාමිතියක් ලෙස සැකසුම් සහිත වස්තුවක් ද සම්ප්‍රේෂණය කළ හැකිය. අපි කවුළුව අංගයට සුමට ලෙස අනුචලනය කරමු:
elem.scrollIntoView({
behavior: 'smooth',
});
සැකසුම් සහිත වස්තුවට අංගයට සාපේක්ෂව
පිටුව සැලැස්ම කිරීමේ සැකසුම් ද ඇත.
block සැකසුම සිරස් සැලැස්ම නියම කරයි,
inline සැකසුම තිරස් සැලැස්ම නියම කරයි.
ඒවාට පහත දැක්වෙන අගයන් ගත හැකිය:
'start', 'center', 'end', 'nearest'.
අපි උත්සාහ කරමු:
elem.scrollIntoView({
behavior: 'smooth',
block: 'start',
inline: 'end',
});
අංගයක් සහ බොත්තමක් දී ඇත. බොත්තම ක්ලික් කිරීමෙන් මෙම අංගයට පිටුව අනුචලනය කරන්න. විස්තර කර ඇති සියලුම හැකියාවන් පරීක්ෂා කරන්න.
