A rolagem infinita é uma técnica usada por muitos sites modernos, incluindo Twitter, Facebook e Reddit.
Se você é um usuário que deseja saber por que um site está se comportando da maneira que está ou um designer que está pensando em usar a técnica, entendê-la é fundamental.
Aqui está o que é o pergaminho infinito, o que há de bom nele e o que não é tão bom.
A rolagem infinita é uma técnica que carrega mais conteúdo conforme você rola. Ele permite que você continue a rolagem indefinidamente e às vezes é conhecido como rolagem sem fim.
Aza Raskin inventou o mecanismo enquanto trabalhava na Humanized, uma pequena empresa de interface de usuário. Originado em 2006, tem se tornado cada vez mais popular em sites convencionais desde então.
A técnica é frequentemente usada em feeds de mídia social, que podem ser muito populosos. Eles mudam com tanta frequência que a rolagem infinita pode ser conveniente para os leitores. O termo se refere a sites e aplicativos, no desktop ou no celular.
A rolagem infinita geralmente substitui um layout conhecido como paginação. Esta é uma abordagem mais tradicional que divide grandes listas em várias páginas menores. Essas páginas são normalmente numeradas. Uma série de links geralmente permite que os usuários selecionem páginas individuais.
A rolagem infinita ainda funciona da mesma maneira que a navegação normal em sites, nos bastidores. Seu navegador solicita algum conteúdo e um servidor da web o envia de volta.
A principal diferença técnica é que a rolagem infinita envia a solicitação usando JavaScript. Como leitor, você pode não estar muito ciente de que isso está acontecendo, embora o conteúdo possa parecer carregar mais rápido. Várias técnicas, incluindo pré-carregamento, podem realmente acelerar o processo.
A rolagem infinita geralmente funciona automaticamente, carregando novo conteúdo quando o leitor chega ao final da página ou próximo a ela. Mas também existem compromissos. Alguns sites apresentam um Carregue mais botão na parte inferior de seu conteúdo. Isso ainda usa a mesma técnica subjacente para injetar mais conteúdo, mas age manualmente em vez disso.
O Google é um exemplo interessante. Ele pagina seus resultados da web no desktop, mas usa uma rolagem infinita manual no celular. Seus resultados de imagem são automaticamente infinitos em ambos.
Primeiro, existem desvantagens técnicas e de design para equilibrar alguns dos benefícios. Freqüentemente, ocorrem devido à implementação imperfeita, em vez de falhas inerentes à rolagem infinita. Mas eles ainda ocorrem.
Se um site introduziu rolagem infinita durante uma reformulação, ele pode impactar outros elementos da página. Por exemplo, se o design de uma página usa um rodapé, ele pode se tornar inacessível se o conteúdo continuar carregando e empurrando-o para fora do caminho.
A técnica requer JavaScript, mas geralmente está disponível, e as implementações podem contornar isso mesmo quando não está. Mais problemático é o efeito na impressão, especialmente com ferramentas projetadas para imprimir uma página inteira. Ninguém quer imprimir todo o histórico de seu feed do Twitter!
Outra desvantagem envolve a navegação. Quando você rola para carregar conteúdo extra, sai da página e depois retorna, o que deve ser exibido? Esse problema é parte de um problema mais amplo. A rolagem infinita geralmente cria páginas que não funcionam bem quando marcadas.
Além de quaisquer desvantagens técnicas, o efeito no comportamento humano também pode ser significativo. O próprio Aza Raskin expressou preocupação com o uso indevido da técnica:
É como se eles estivessem tomando cocaína comportamental e apenas espalhando em toda a sua interface e é isso que faz você voltar e voltar.
O argumento é que, como a rolagem infinita continua alimentando novos conteúdos, ela incentiva os usuários a consumir cada vez mais. Claro, o pergaminho sem fim em si é apenas um pequeno fator de habilitação. O vício em mídia social existiria sem ele, mas pode ser menos pronunciado.
Relacionado: Efeitos negativos da mídia social nas pessoas e usuários
A rolagem infinita é uma técnica inteligente, mas com desvantagens a serem levadas em consideração. Não é adequado para todas as situações. Como acontece com qualquer escolha de design, os criadores de sites devem testar alternativas.
Como leitor, é útil entender as diferenças entre a rolagem infinita e o modelo estático tradicional. No último, o navegador da web carrega conteúdo sob solicitação explícita. As páginas individuais têm URLs distintos para que os leitores possam marcá-los.
À medida que nossos padrões de navegação mudam, também deve mudar a maneira como salvamos e marcamos coisas. Confira alguns desses novos aplicativos de favoritos.
- Tecnologia Explicada
- Blogging
- Designer de Web

Bobby é um entusiasta da tecnologia que trabalhou como desenvolvedor de software por quase duas décadas. Ele é apaixonado por jogos, trabalha como Editor de Críticas na Switch Player Magazine e está imerso em todos os aspectos da publicação online e desenvolvimento web.
Assine a nossa newsletter
Junte-se ao nosso boletim informativo para dicas técnicas, análises, e-books grátis e ofertas exclusivas!
Mais um passo…!
Confirme o seu endereço de e-mail no e-mail que acabamos de enviar.