މަޤާމު
އެލިމެންޓެއްގެ މަޤާމު އަވަހަށް ކޮންފިގްރޭޓް ކުރުމަށް މި ހެލްޕަރުން ބޭނުން ކުރާށެވެ.
ފިކްސްޑް ޓޮޕް
ވިއުޕޯޓްގެ މަތީގައި، އެއްފަރާތުން އަނެއް ފަރާތަށް އެލިމެންޓެއް ބަހައްޓާށެވެ. ތިމާގެ ޕްރޮޖެކްޓްގައި ފިކްސްޑް ޕޮޒިޝަންގެ ރަމިފިކޭޝަންސް ވިސްނޭކަން ޔަގީންކުރުން؛ އިތުރު ސީއެސްއެސް އިތުރުކުރަން ޖެހިދާނެއެވެ.
<div class="fixed-top">...</div>
ފިކްސްޑް ބޮޓޮމް
ވިއުޕޯޓްގެ ތިރީގައި، އެއްފަރާތުން އަނެއް ފަރާތަށް އެލިމެންޓެއް ބަހައްޓާށެވެ. ތިމާގެ ޕްރޮޖެކްޓްގައި ފިކްސްޑް ޕޮޒިޝަންގެ ރަމިފިކޭޝަންސް ވިސްނޭކަން ޔަގީންކުރުން؛ އިތުރު ސީއެސްއެސް އިތުރުކުރަން ޖެހިދާނެއެވެ.
<div class="fixed-bottom">...</div>
ސްޓިކީ ޓޮޕް
ވިއުޕޯޓްގެ މަތީގައި އެލިމެންޓެއް ބަހައްޓާނީ، އެއްފަރާތުން އަނެއް ފަރާތަށް، އެކަމަކު އެ އެއްޗެއްގެ ކައިރިން ސްކްރޯލް ކުރުމަށްފަހުގައެވެ. މި .sticky-top
ޔުޓިލިޓީގައި ބޭނުންކުރަނީ CSS's position: sticky
, މިއީ ހުރިހާ ބްރައުޒާއެއްގައި ފުރިހަމައަށް ސަޕޯޓް ނުކުރާ އެއްޗެކެވެ.
<div class="sticky-top">...</div>
ރެސްޕޮންސިވް ސްޓިކީ ޓޮޕް
.sticky-top
ޔުޓިލިޓީއަށް ވެސް ރެސްޕޮންސިވް ވެރިއޭޝަންތައް އުފެދިފައިވެއެވެ .
<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>