Início sticky

Tire da frente as barras que seguem a rolagem

Quando um menu ou aviso ocupa parte da tela o tempo todo, o atalho devolve os elementos fixos ao fluxo da página. Você recupera espaço para ler.

No computador, arraste o botão abaixo até a barra de favoritos. Depois, abra a página desejada e use o favorito.

Soltar elementos fixos

No celular ou sem barra de favoritos? Veja as outras formas de usar este atalho abaixo.

Como funciona e quando usar

Como usar este atalho no celular?

No celular, você pode tentar salvar o código como endereço de um favorito. Copie o código abaixo antes de começar.

iPhone (Safari): salve qualquer página nos Favoritos, toque e segure o favorito, escolha Editar e substitua o endereço pelo código copiado.

Android (Chrome): salve uma página nos Favoritos. Abra Favoritos, toque nos três pontos ao lado dela, escolha Editar e substitua o endereço pelo código copiado.

Depois, abra a página que deseja ajustar e acione o favorito. Se ele não executar pelo menu, digite o nome do favorito na barra de endereço e selecione a sugestão correspondente.

Endereço do favorito

javascript:void(function(){var list=document.body.getElementsByTagName("*");for(var i=0;i<list.length;i++){var el=list[i];var p=getComputedStyle(el).position;if(p==="fixed"||p==="sticky")el.style.setProperty("position","static","important");}}())

O funcionamento varia entre navegadores e versões. Algumas páginas também bloqueiam esse tipo de atalho.

Outra opção no iPhone: app Atalhos

No app Atalhos, crie um atalho com a ação Executar JavaScript na Página Web e cole o código abaixo. Ative a exibição na Folha de Compartilhamento para páginas do Safari. Se o app solicitar, permita a execução de scripts nas configurações do Atalhos. Depois, na página desejada, abra Compartilhar no Safari e escolha seu atalho.

Código para o app Atalhos

void(function(){var list=document.body.getElementsByTagName("*");for(var i=0;i<list.length;i++){var el=list[i];var p=getComputedStyle(el).position;if(p==="fixed"||p==="sticky")el.style.setProperty("position","static","important");}}());completion();

Como usar pelo console no computador?

Abra a página que deseja ajustar. No Chrome, pressione Ctrl + Shift + J (Windows/Linux) ou ⌘ + Option + J (Mac), cole o código abaixo no console e pressione Enter.

Código para o console

void(function(){var list=document.body.getElementsByTagName("*");for(var i=0;i<list.length;i++){var el=list[i];var p=getComputedStyle(el).position;if(p==="fixed"||p==="sticky")el.style.setProperty("position","static","important");}}())

O efeito vale para a página aberta. Antes de executar qualquer código no console, confira o que ele faz; o navegador pode pedir uma confirmação de segurança.

Este atalho alcança todos os elementos cuja posição está fixa ou gruda durante a rolagem, não apenas o cabeçalho.

O que sai da frente do texto?

Menus que acompanham a rolagem, rodapés flutuantes, avisos e botões de chat podem deixar de se sobrepor ao conteúdo. O atalho muda a posição desses elementos na página aberta.

Eles não desaparecem necessariamente: podem passar a ocupar espaço entre os demais blocos. Em sites com layout rígido, isso pode deixar vãos ou deslocar partes da página.

Qual a diferença para soltar só o cabeçalho?

Este atalho verifica todos os elementos fixos ou grudentos. O atalho de cabeçalho é mais restrito e tenta soltar apenas a faixa larga no topo.

Use este quando vários elementos atrapalham ao mesmo tempo; prefira o outro se você quer manter, por exemplo, um botão flutuante útil.

E se a barra voltar?

Alguns sites recriam elementos durante a navegação ou enquanto você rola. Nesse caso, clique no favorito novamente.

Recarregar restaura a página original. A mudança não salva nenhuma configuração da sua conta.