שטעלע

ניצן די סטענאָגראַפיע יוטילאַטיז פֿאַר געשווינד קאַנפיגיער די שטעלע פון ​​אַן עלעמענט.

פּראָסט וואַלועס

שנעל פּאַזישאַנינג קלאסן זענען בנימצא, כאָטש זיי זענען נישט אָפּרופיק.

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