موقف

د عنصر موقعیت په چټکۍ سره تنظیم کولو لپاره دا لنډیز اسانتیاوې وکاروئ.

ګډ ارزښتونه

د ګړندي موقعیت ټولګي شتون لري ، که څه هم دوی ځواب ویونکي ندي.

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

ثابت سر

د ویوپورټ په سر کې یو عنصر ځای په ځای کړئ، له یوې غاړې څخه تر څنډې پورې. ډاډ ترلاسه کړئ چې تاسو په خپله پروژه کې د ثابت موقعیت اغیزې پوهیږئ؛ تاسو ممکن اضافي CSS اضافه کولو ته اړتیا ولرئ.

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

ثابت لاندې

د ویوپورټ په ښکته برخه کې یو عنصر ځای په ځای کړئ، له یوې غاړې څخه تر څنډې پورې. ډاډ ترلاسه کړئ چې تاسو په خپله پروژه کې د ثابت موقعیت اغیزې پوهیږئ؛ تاسو ممکن اضافي CSS اضافه کولو ته اړتیا ولرئ.

<div class="fixed-bottom">...</div>

چپکشی پورته

د ویوپورټ په سر کې یو عنصر ځای په ځای کړئ، له یوې غاړې څخه تر یوې غاړې پورې، مګر یوازې وروسته له دې چې تاسو یې تیر کړئ. .sticky-topیوټیلیټ CSS کاروي ، کوم چې په ټولو position: stickyبراوزرونو کې په بشپړ ډول نه ملاتړ کیږي.

IE11 او IE10 به position: stickyد position: relative. د ورته په څیر، موږ سټایلونه په یوه @supportsپوښتنه کې لپټوو، چپتیا یوازې هغه براوزرونو ته محدودوي چې کولی شي دا په سمه توګه وړاندې کړي.

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