/ / Rolagem dinâmica - o que é?

Rolagem dinâmica - o que é isso?

A ideia de rolagem é tão antiga quanto o mundo dos computadores.Os primeiros computadores, os primeiros sistemas operacionais e "barreiras para os primórdios" da era do computador: 640K de memória para um computador e 80x25 para uma tela de texto (o modo gráfico é um caso especial). A rolagem não percebeu o teclado, mas conseguiu dar a roda ao mouse.

rolar é o que

Idéias modernas sobre rolagem não combinamsua história, e o que acontece a seguir é ainda mais interessante. A opinião geralmente aceita sobre a questão: "Rolagem - o que é isso?" - uma forma de trazer a informação para a área visível em pedaços, de forma suave, página por página, com barras de rolagem ou com botões para percorrer o conteúdo, vertical ou horizontalmente.

ideia clássica

Hoje, a rolagem geralmente está associada a uma janela.navegador ou a área de um elemento de bloco que permite a rolagem. O fluxo de informações pode ir além da área visível selecionada e apenas parte dela pode ser exibida. Naturalmente, precisamos de barras de rolagem esquerda-direita (horizontal) para cima e para baixo (verticalmente) ou botões para percorrer o conteúdo.

rolagem suave

A rolagem de botões é algo mais simples e compacto em termos de implementação, não é menos comum - tem seu próprio nicho no qual as barras de rolagem não podem ser manipuladas.

Às vezes, a capacidade de fazer rolagem (HTML)é colocado no mouse ou touchpad de um laptop, mas na ideia clássica moderna, essas são as mesmas barras de rolagem: à direita - vertical, na parte inferior - horizontal. Apenas o movimento vertical está disponível para a roda do mouse e o resto - para clicar na barra de rolagem e movimentos dos dedos na tela de um smartphone ou outro dispositivo.

Uma característica importante da ideia clássica - rolagem parcialem formação. Como em uma tabela: o cabeçalho deve estar no lugar e as linhas da tabela devem se mover. Qualquer informação na tela pode ser estática. Tudo depende do escopo, tarefa e habilidade do desenvolvedor.

Uma tag de bloco pode ter suas próprias listrasrolando para fora de toda a página aberta no navegador. O desenvolvedor pode bloquear o movimento das informações e fazer uma rolagem suave ou dar algum outro efeito de movimento.

Não é necessário que as barras de rolagem sódireita e abaixo. Muitos desenvolvedores fazem suas próprias versões de barras de rolagem e nem sempre as anexam ao lado da janela do navegador ou elemento de bloco. Algumas pessoas preferem mover o controle de rolagem para um elemento separado. Isso pode ser determinado pela arquitetura do aplicativo ou do hardware - afinal, nem todos os computadores são equipados apenas com teclado e mouse, existem outros dispositivos de controle.

Colisões do gênero clássico

A diferença entre dispositivos móveis"teclado-muscular": o trabalho dos dedos, a posição (e/ou rotação e movimento do dispositivo) e a voz dos botões do teclado e do mouse (movimento, cliques, roda) - problemas conhecidos: compatibilidade entre navegadores, adaptabilidade ... Tudo isso tem sido uma solução ou outra.

rolagem horizontal

Mas quando, por exemplo, ele aparece nos resultados da pesquisaum milhão de documentos nos quais o pergaminho está organizado e o visitante está interessado em apenas um, no qual o pergaminho já foi iniciado, então que tal rolar todos os documentos quando o visitante está desapontado com o documento atual e sua janela ainda não está fechado? Como fazer a rolagem dentro da rolagem, quão viável é a recursão aqui e quão grandes são as chances de se mover semanticamente em paralelo por todos os níveis de rolagem?

Paralaxe e pensamentos adaptativos

O desenvolvedor moderno persegue, longe desempre, a ideia é levar o bem e o eterno na forma em que é exigido. Muitas vezes não porque ele não quer, apenas a base de recursos (principalmente instrumental e semântica) ainda é amplamente limitada. Na rolagem todos os dias, há mais e mais problemas.

A ideia de rolar com efeito de paralaxe é muito interessante, fica ótima, consome muitos recursos e absolutamente não se adapta a mudanças nas informações, sua estrutura e conteúdo.

A beleza, de fato, sempre exige sacrifício - ena vida real, e nos negócios de informática, mas o visitante na vida real “sempre tem” rolagem na versão que precisa e nunca pensa onde fazer rolagem horizontal e onde pode fazer com vertical.

fazer rolagem

Na verdade, na realidade, uma pessoa não está acostumada arelacionar o que ele faz com a movimentação de informações através de uma janela ou janela. O conceito de rolagem é algo do mundo dos monitores de computador, no qual não há lugar para uma variedade de informações na íntegra, então você tem que se contentar com muito com pouco.

Parallax e suas implementações

Até o momento, implementações de rolagem usandoHá muito efeito de paralaxe. Um bom exemplo é a implementação da SONY, que muitas pessoas acham muito decente. Talvez desenvolvedores suficientes já tenham gasto muito tempo e criado muitas opções para alterar rapidamente uma informação enquanto altera lentamente outra.

html de rolagem

Recomendações de ferramentasas implementações de efeitos de paralaxe geralmente começam com o desejo geral de pendurá-los em alguns elementos para não incomodar o visitante com a lentidão do processo de renderização da informação. Em geral, esta é uma regra desnecessária. Olhar para uma implementação diferente é tão interessante que você pode até esquecer por que veio.

Um par de efeito de paralaxe e rolagem é algosem dúvida brilhante, mas a questão está em outro lugar. A informação é dinâmica. Isso significa que a paralaxe chique pode não ser reivindicada se algo der errado. Se o motor de busca alterar a sua saída, então terá de ser alterado na sua análise, o que levará à necessidade de alterar as formas de apresentação da informação, e assim sucessivamente.

O problema aqui reside nas características do modernoestilo de programação. Todas as ferramentas são excelentes, cheias de recursos e poderosas. A experiência e o conhecimento são reais e significativos. Mas a informação é mutável, tem vida própria e as tarefas e os aplicativos precisam se adaptar a ela.

Dinâmica do problema, exemplo

A pesquisa é uma das principais preocupações da Internet.Deixemos de lado o dever dos buscadores de vasculhar a Internet em busca de informações alteradas, concordamos: rolar é algo estático de acordo com a lógica das coisas.

Se a rolagem começou na janela do navegador, e ainda mais quando um elemento dentro dessa rolagem passou por outra rolagem, a alteração dos resultados da pesquisa não importa.

Na verdade deveria ser diferente.A informação sobre a qual a rolagem é realizada é algo diferente do que era no início, tanto seu volume quanto seu conteúdo sempre podem mudar. O visitante, no entanto, é privado da oportunidade de conhecê-lo. A única opção para ele é começar de novo.

Sobre rolar perto do tempo

Certamente, enquanto a janela para o mundoinformação é um navegador e elementos de bloqueio nas páginas, fisicamente é a tela de um monitor, tablet, smartphone ou outro dispositivo, a necessidade de rolagem permanecerá e fará sentido (como mostrar informações pela janela, como otimizar o gerenciamento da janela e as informações nela contidas).

No entanto, não é menos importante complementar essa doutrina com a exigência de garantir a dinâmica da informação a ser veiculada.

A rolagem é algo dinâmico, ou seja, nãouma janela com botões de listras/rolagem/movimento é uma ferramenta para acessar informações de um determinado conteúdo (talvez também estruture, mas pelo menos implemente dinâmicas de conteúdo ...).

O conteúdo muda, seu volume também.Se o elemento de conteúdo estiver no campo de visão do visitante, ele deverá receber uma mensagem sobre isso, bem como de que já houve alterações no conteúdo visualizado, mas em geral, na faixa de conteúdo (isso não é rolagem horizontal e nem vertical, ou seja, conteúdo) tem lugar de fluxo de informação.

Em geral, paralaxe é paralaxe, e o modernoa rolagem é de pelo menos três barras e um indicador, ... Às duas conhecidas vem a barra de movimento do conteúdo, e o indicador informa ao visitante: "Tudo o que você vê, senhor, mudou há muito tempo".