Төп эчтәлеккә күчү Документлар навигациясенә күчү
in English

Позиция

Элемент позициясен тиз конфигурацияләү өчен бу ярдәмчеләрне кулланыгыз.

Төп

Элементны күренешнең башында, читтән читкә урнаштырыгыз. Сезнең проектта тотрыклы позициянең нәтиҗәләрен аңлавыгызга инаныгыз; сезгә өстәмә CSS өстәргә кирәк булырга мөмкин.

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

Төп

Элементны күренешнең аскы өлешенә урнаштырыгыз. Сезнең проектта тотрыклы позициянең нәтиҗәләрен аңлавыгызга инаныгыз; сезгә өстәмә CSS өстәргә кирәк булырга мөмкин.

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

Ябык

Элементны күренешнең өске өлешенә урнаштырыгыз, читтән читкә, ләкин сез аны үткәннән соң гына. .sticky-topКоммуналь хезмәт CSS'ларны куллана , position: stickyбу бөтен браузерларда тулысынча булышмый.

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

Onsаваплы ябыштыргыч өс

.sticky-topКоммуналь өчен җаваплы вариацияләр дә бар .

<div class="sticky-sm-top">Stick to the top on viewports sized SM (small) or wider</div>
<div class="sticky-md-top">Stick to the top on viewports sized MD (medium) or wider</div>
<div class="sticky-lg-top">Stick to the top on viewports sized LG (large) or wider</div>
<div class="sticky-xl-top">Stick to the top on viewports sized XL (extra-large) or wider</div>