Source

މަޤާމު

އެލިމެންޓެއްގެ މަޤާމު އަވަހަށް ކޮންފިގްރޭޓް ކުރުމަށްޓަކައި މި ޝޯޓްހެންޑް ޔުޓިލިޓީސް ބޭނުން ކުރާށެވެ.

އާންމު އަގުތަކެވެ

ކުއިކް ޕޮޒިޝަނިންގ ކްލާސްތައް ލިބެން ހުރި ނަމަވެސް އެއީ ރެސްޕޮންސިވް ކްލާސްތަކެކެވެ.

<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-topCSS's އެވެ.position: sticky

IE11 އަދި IE10 ރެންޑަރ position: stickyކުރާނީ position: relative. އެގޮތުން، އަޅުގަނޑުމެން ސްޓައިލްތައް @supportsކިއުއަރީއެއްގެ ގޮތުގައި އޮޅާލާއިރު، ސްޓިކީނެސް ލިމިޓް ކުރަނީ ހަމައެކަނި ރަނގަޅަށް ރެންޑަރ ކުރެވޭނެ ބްރައުޒާތަކަށެވެ.

<div class="sticky-top">...</div>