Co robi pozycja lepka?
Co robi pozycja lepka?

Wideo: Co robi pozycja lepka?

Wideo: Co robi pozycja lepka?
Wideo: Pozycja bezpieczna, pierwsza pomoc Adrian Zadorecki kursysos.pl 2024, Może
Anonim

Element z pozycja : lepki ; jest pozycjonowany na podstawie scrolla użytkownika pozycja . A lepki element przełącza się między względnym a stałym, w zależności od scrolla pozycja . Jest pozycjonowany względem danego przesunięcia pozycja jest spotykany w widoku - wtedy "przykleja się" na miejscu (jak pozycja :naprawiony).

Podobnie, jak sprawić, by moja pozycja była lepka?

Aby zobaczyć efekt lepkie pozycjonowanie , Wybierz pozycja : lepki i przewiń ten kontener. Element będzie się przewijał wraz ze swoim kontenerem, aż znajdzie się na górze kontenera (lub osiągnie przesunięcie określone w górnej części), a następnie przestanie się przewijać, aby pozostał widoczny.

Wiedz też, jaka jest różnica między pozycją lepką a stałą? Bez wchodzenia w szczegóły, pozycja : lepki zasadniczo zachowuje się jak pozycja : względny do momentu przewinięcia elementu poza określony offset, w którym to przypadku zamienia się w pozycja : naprawiony , powodując, że element „przykleja się” do swojego pozycja zamiast przewijania z widoku.

W związku z tym, czy mogę używać przyklejonej pozycji CSS?

CSS

pozycja : lepki

jest obsługiwany w przeglądarkach Firefox, Safari i Chrome Canary (56+). Pozycja CSS : lepki jest obsługiwany w przeglądarkach Firefox, Safari i Chrome Canary (56+).

Co to jest przyklejony Webkit?

pozycja : lepki to nowy sposób na pozycja elementy i jest koncepcyjnie podobny do pozycja : naprawiony. Różnica polega na tym, że element z pozycja : lepki zachowuje się jak pozycja : względny w swoim rodzicu, dopóki w rzutni nie zostanie spełniony dany próg przesunięcia.

Zalecana: