Pozicionimi Fiks në CSS

Tani do të shqyrtojmë pozicionimin fiks. Është i ngjashëm me atë absolut, ndryshimi shfaqet në mënyrën se si këto lloje të pozicionimit sillen në prani të një shiriti rrëshqitës.

Gjatë rrëshqitjes së faqes, elementët e pozicionuar në mënyrë absolute do të rrëshqasin së bashku me faqen. Shikoni shembullin:

<div id="elem"></div>
<div id="content">
	some long text
</div>

#elem {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 100px;
	height: 100px;
	border: 1px solid green;
}

#content {
	margin: 0 auto;
	width: 300px;
	text-align: justify;
	font: 16px Arial;
}

Mund të bëhet që gjatë rrëshqitjes së faqes elementi i pozicionuar të mbetet në vend. Për këtë, duhet t'i jepet pozicionim fiks me ndihmën e vetisë position me vlerën fixed:

<div id="elem"></div>
<div id="content">
	some long text
</div>

#elem {
	position: fixed; /* caktojmë pozicionim fiks */
	top: 30px;
	right: 30px;
	width: 100px;
	height: 100px;
	border: 1px solid green;
}

#content {
	margin: 0 auto;
	width: 300px;
	text-align: justify;
	font: 16px Arial;
}