މަޤާމު
އެލިމެންޓެއްގެ މަޤާމު އަވަހަށް ކޮންފިގްރޭޓް ކުރުމަށްޓަކައި މި ޝޯޓްހެންޑް ޔުޓިލިޓީސް ބޭނުން ކުރާށެވެ.
އާންމު އަގުތަކެވެ
ކުއިކް ޕޮޒިޝަނިންގ ކްލާސްތައް ލިބެން ހުރި ނަމަވެސް އެއީ ރެސްޕޮންސިވް ކްލާސްތަކެކެވެ.
<div class="position-static">...</div>
<div class="position-relative">...</div>
<div class="position-absolute">...</div>
<div class="position-fixed">...</div>
<div class="position-sticky">...</div>
ފިކްސްޑް ޓޮޕް
ވިއުޕޯޓްގެ މަތީގައި، އެއްފަރާތުން އަނެއް ފަރާތަށް އެލިމެންޓެއް ބަހައްޓާށެވެ. ތިމާގެ ޕްރޮޖެކްޓްގައި ފިކްސްޑް ޕޮޒިޝަންގެ ރަމިފިކޭޝަންސް ވިސްނޭކަން ޔަޤީންކުރުން؛ އިތުރު ސީއެސްއެސް އިތުރުކުރަން ޖެހިދާނެއެވެ.
<div class="fixed-top">...</div>
ފިކްސްޑް ބޮޓޮމް
ވިއުޕޯޓްގެ ތިރީގައި، އެއްފަރާތުން އަނެއް ފަރާތަށް އެލިމެންޓެއް ބަހައްޓާށެވެ. ތިމާގެ ޕްރޮޖެކްޓްގައި ފިކްސްޑް ޕޮޒިޝަންގެ ރަމިފިކޭޝަންސް ވިސްނޭކަން ޔަޤީންކުރުން؛ އިތުރު ސީއެސްއެސް އިތުރުކުރަން ޖެހިދާނެއެވެ.
<div class="fixed-bottom">...</div>
ސްޓިކީ ޓޮޕް
ވިއުޕޯޓްގެ މަތީގައި އެލިމެންޓެއް ބަހައްޓާނީ، އެއްފަރާތުން އަނެއް ފަރާތަށް، އެކަމަކު އެ އެއްޗެއްގެ ކައިރިން ސްކްރޯލް ކުރުމަށްފަހުގައެވެ. މި ޔުޓިލިޓީގައި ބޭނުންކުރަނީ ހުރިހާ ބްރައުޒަރެއްގައި ފުރިހަމައަށް ސަޕޯޓް ނުކުރެވޭ .sticky-top
CSS's އެވެ.position: sticky
IE11 އަދި IE10 ރެންޑަރ position: sticky
ކުރާނީ position: relative
. އެގޮތުން، އަޅުގަނޑުމެން ސްޓައިލްތައް @supports
ކިއުއަރީއެއްގެ ގޮތުގައި އޮޅާލާއިރު، ސްޓިކީނެސް ލިމިޓް ކުރަނީ ހަމައެކަނި ރަނގަޅަށް ރެންޑަރ ކުރެވޭނެ ބްރައުޒާތަކަށެވެ.
<div class="sticky-top">...</div>