עמדה

השתמש בכלי השירות הקצרניים האלה להגדרה מהירה של המיקום של אלמנט.

ערכים משותפים

שיעורי מיקום מהיר זמינים, אם כי הם אינם מגיבים.

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