CSSda belgilangan pozitsiyalash

Hozir biz belgilangan pozitsiyalash bilan tanishamiz. U absolyut pozitsiyalashga o'xshaydi, farq ularning skroll chizig'i mavjud bo'lganda qanday harakat qilishida namoyon bo'ladi.

Sahifani skroll qilishda absolyut pozitsiyalangan elementlar sahifa bilan birga skrollanadi. Misolni ko'ring:

<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;
}

Sahifa skrollanganda pozitsiyalangan element o'rnida qolishi uchun unga position xususiyati orqali fixed qiymatini berib, belgilangan pozitsiyalashni o'rnatish mumkin:

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

#elem {
	position: fixed; /* belgilangan pozitsiyalashni o'rnatamiz */
	top: 30px;
	right: 30px;
	width: 100px;
	height: 100px;
	border: 1px solid green;
}

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