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:

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

css#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:

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

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

Результат: