O que é Webkit pegajoso?
O que é Webkit pegajoso?

Vídeo: O que é Webkit pegajoso?

Vídeo: O que é Webkit pegajoso?
Vídeo: Criando Menu Pegajoso com CSS 2024, Maio
Anonim

posição : pegajoso é uma nova maneira de posição elementos e é conceitualmente semelhante a posição : fixo. A diferença é que um elemento com posição : pegajoso se comporta como posição : relativo em seu pai, até que um determinado limite de deslocamento seja atingido na janela de visualização.

Além disso, o que a posição sticky faz?

Um elemento com posição : pegajoso ; é posicionado com base na rolagem do usuário posição . UMA pegajoso elemento alterna entre relativo e fixo, dependendo da rolagem posição . Ele é posicionado em relação até um determinado deslocamento posição é encontrado na janela de visualização - então ele "se fixa" no lugar (como posição :fixo).

Também se pode perguntar: como torno minha posição fixa? Para ver o efeito de posicionamento pegajoso , selecione os posição : pegajoso opção e rolar este contêiner. O elemento irá rolar junto com seu contêiner, até que esteja no topo do contêiner (ou alcance o deslocamento especificado no topo) e então parará de rolar, para que fique visível.

posso usar a posição pegajosa?

Suporte para navegadores Posição pegajosa é compatível com todos os principais navegadores modernos, exceto o antigo IE. Para navegadores Safari, você vai precisa adicionar o prefixo -webkit.

Qual é a diferença entre position sticky e fixed?

Sem entrar em detalhes específicos, posição : pegajoso basicamente age como posição : relativo até que um elemento seja rolado além de um deslocamento específico, caso em que ele se transforma em posição : fixo , fazendo com que o elemento "grude" em seu posição em vez de ser rolado para fora da vista.

Recomendado: