☰

Permitir rolar além do final da página

tag-icon • tag-icon browser scrolling
Permitir rolar além do final da página

Existe alguma opção em um navegador da web (IE, Firefox ou Chrome) para permitir a rolagem de uma tela após o final da página? Ao ler uma página longa de texto e pressionar PAGE-DOWN para rolar para a próxima página, o texto na parte inferior da janela do navegador é rolado para o topo da janela (com uma sobreposição aproximada de duas linhas). Ao rolar para a última metade ou quarto da tela, a parte inferior é rolada para algum lugar no meio da janela do navegador (com base no tamanho do restante do documento), forçando-me a procurar meu lugar.

Um plugin ou complemento que permitisse alternar esse comportamento seria ainda melhor.

Algo parecido com o plugin ScrollPastEOF para Notepad++, mas para navegadores web.

Responder1

Eu criei uma extensão do Chrome só para você, é uma solução bastante difícil, mas fará o trabalho sem fazer mais nada. Confira: https://github.com/LudwikJaniuk/MorePageSpace/releases/

Nota para você: Isso pode não funcionar em sites superinterativos que têm efeitos de paralaxe e outros enfeites. Experimente e você verá.

Nota para desenvolvedores web que leem o código-fonte: Sim, eu sei que existem maneiras melhores de fazer isso do que acrescentar algumas dezenas <br/>ao HTML da página.

Nota para você se você é um desenvolvedor web ou pelo menos conhece HTML simples: O que a extensão basicamente faz é anexar muitas <br/>tags no final do corpo da página quando você clica no botão. Eu adicionei muitos deles porque minha tela é bem grande, mas se você decidir que ainda quer mais, você pode clicar duas vezes. Ou três vezes... ;)

Além disso, você mesmo poderia ter entrado e manipulado a fonte do site. Mas não é muito mais fácil apertar um botão?

Responder2

Aqui está o código CSS que uso para isso, a versão que me causou menos problemas em menos sites. Consulte o complemento Stylish ou o correspondente para o seu navegador para instalá-lo. O '700px' é a área de visualização da minha página menos uma pequena quantidade para tornar as últimas linhas visíveis no final da rolagem.

html {
    height: auto !important;
    padding-bottom: 700px !important;
}

Por exemplo, no navegador Firefox, clique em 'Escrever estilo em branco' no menu Elegante e insira o seguinte código:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document url-prefix(http://), url-prefix(https://), url-prefix(ftp://), url-prefix(file://) {
    html {
        height: auto !important;
        padding-bottom: 700px !important;
    }
}

Devo acrescentar que testei apenas no Firefox, embora deva funcionar em qualquer navegador.

informação relacionada