Какво прави позиция sticky?
Какво прави позиция sticky?

Видео: Какво прави позиция sticky?

Видео: Какво прави позиция sticky?
Видео: Основные приемы понижения самооценки профессионального манипулятора. Анна Богинская 2024, Ноември
Anonim

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

По същия начин, как да направя позицията си лепкава?

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

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

По отношение на това, мога ли да използвам CSS позиция лепкава?

CSS

позиция : лепкава

се поддържа във Firefox, Safari и Chrome Canary (56+). CSS позиция : лепкава се поддържа във Firefox, Safari и Chrome Canary (56+).

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

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

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