in English
עמדה
השתמש בכלי השירות הקצרניים האלה להגדרה מהירה של המיקום של אלמנט.
ערכים משותפים
שיעורי מיקום מהיר זמינים, אם כי הם אינם מגיבים.
<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>