Permitir a rolagem no final da página

Question

Existe alguma opção em um navegador (IE, Firefox ou Chrome) para permitir a rolagem de até 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 meia ou quarta tela, a parte inferior é rolada para algum lugar no meio da janela do navegador (com base em quanto tempo o restante do documento é), forçando-me a procurar o meu lugar.

Um plug-in ou addon que permita alternar esse comportamento seria ainda melhor.

Algo como o plugin ScrollPastEOF para o Notepad ++, mas para navegadores da Web.

    

Answer 1

Eu criei uma extensão do Chrome só para você, é uma correção bem difícil, mas ela fará o trabalho sem fazer mais nada. Confira: link

Observação para você: Isso pode não funcionar em sites super-interativos que têm efeitos de paralaxe e outras coisas. Experimente e você verá.

Observação aos desenvolvedores da web que lêem o código-fonte: Sim, eu sei que há maneiras melhores de fazer isso do que anexar algumas dúzias de <br/> ao HTML da página.

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

Além disso, você certamente poderia ter manipulado a fonte do site por conta própria. Mas não é pressionar um botão muito mais fácil?

    

Answer 2

Aqui está o código CSS que eu uso para isso, a versão que me causou menos problemas em menos sites. Veja o addon Stylish ou o item correspondente para o seu navegador para instalá-lo. O '700px' é a minha área de exibição de 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 Stylish e digite 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.