Какво е лепкав Webkit?
Какво е лепкав Webkit?

Видео: Какво е лепкав Webkit?

Видео: Какво е лепкав Webkit?
Видео: Galibri & Mavik - Федерико Феллини (Премьера клипа) 2024, Ноември
Anonim

позиция : лепкава е нов начин за позиция елементи и концептуално е подобен на позиция : фиксирано. Разликата е, че елемент с позиция : лепкава се държи като позиция : относително в рамките на своя родител, докато даден праг на отместване не бъде достигнат в прозореца за изглед.

Освен това, какво прави позиция sticky?

Елемент с позиция : лепкава ; се позиционира въз основа на превъртането на потребителя позиция . А лепкава елементът превключва между относителен и фиксиран в зависимост от превъртането позиция . Позиционира се относително до дадено отместване позиция се среща в прозореца за изглед - след това "залепва" на място (като позиция :фиксирано).

Някой може също да попита как да направя позицията си лепкава? За да видите ефекта от лепкаво позициониране , изберете позиция : лепкава опция и превъртете този контейнер. Елементът ще превърта заедно с контейнера си, докато не е в горната част на контейнера (или достигне отместването, посочено в горната част), и след това ще спре да превърта, така че да остане видим.

мога ли да използвам позиция лепкава?

Поддръжка на браузъри Позиция лепкава се поддържа от всички основни съвременни браузъри, с изключение на стария IE. За браузърите Safari вие ще трябва да добавите префикса -webkit.

Каква е разликата между лепкава и фиксирана позиция?

Без да навлизам в конкретни подробности, позиция : лепкава по принцип действа като позиция : относително до превъртане на елемент отвъд определено отместване, в който случай той се превръща в позиция : фиксирани , което кара елемента да се „залепи“за своя позиция вместо да бъдат превъртани извън полезрението.

Препоръчано: