Boa tarde, queridos leitores! Hoje o artigo vai ser bem curto, mas de repente vai ajudar alguém. Em um dos artigos anteriores, falamos sobre o problema de fundo.

Hoje um colega ligou e disse uma coisa estranha - quando o ponteiro do mouse se move sobre links e elementos de páginas da Internet, a janela do navegador se move ligeiramente para cima e para baixo, o que é terrivelmente irritante. Navegador Google Chrome.

Eu já encontrei esse tipo de problema antes, especialmente no Windows 10, embora, para ser honesto, apenas com esta versão houve problemas.

Tudo está em uma configuração - aceleração de hardware. Resumindo, o sistema operacional, se possível, remove parte da carga do processador e a transfere para a placa de vídeo. Mas por causa dos drivers "tortos" da placa de vídeo, falhas em sistemas combinados (laptops onde a placa integrada processa primeiro o vídeo e a externa é conectada apenas com carga aumentada), configurações incorretas - todo o charme da aceleração de hardware foi perdido. Que é o que acontece neste caso.

Barra de rolagem ou barra de rolagemÉ uma ferramenta através da qual a página com conteúdo é rolada para exibir aquelas áreas que estão além da visibilidade da primeira tela.

O aparecimento de rolagem na prática normal ocorre por decisão do navegador, quando todo o conteúdo da página não cabe na área visível do usuário. A aparência de uma barra de rolagem vertical e horizontalmente é possível. Quando uma tira aparece, toda a página se desloca ligeiramente para a esquerda (dependendo do lado do pergaminho), uma vez que reserva uma certa quantidade de espaço. Normalmente, a faixa padrão tem menos de 20 pixels de largura.

Tal efeito na gíria profissional é chamado de "contração do site", lembre-se disso e não se perca quando se deparar com esse termo específico novamente. Este efeito é visto em primeira mão ao alternar de uma página sem rolar para a página em que está. Realmente parece uma leve contração.

Solução proposta

Normalmente, os designers de layout não se preocupam com o problema de empurrões. No entanto, se seus olhos já estão muito irritados com esse fenômeno, oferecemos uma solução simples. Para remover o efeito, é necessário trazer todas as páginas com a mesma largura, para isso escrevemos uma propriedade no arquivo CSS que irá adicionar uma barra de rolagem em todas as páginas do recurso (mesmo para as quais não é obrigatório).

html (overflow-y: scroll;)

Em que navegadores funciona?

A contração do navegador também é chamada de rolagem. Este problema é conhecido dos desenvolvedores do Google há muito tempo. No entanto, sua decisão foi adiada. As únicas coisas disponíveis para os usuários são extensões, funções integradas e ferramentas de terceiros que permitem personalizar a rolagem suave das páginas.

Configurações de rolagem no Google Chrome

O Google está testando uma variedade de recursos para personalizar seu navegador e obter a melhor experiência possível. Entre eles existe também uma função para ajustar a rolagem. Para ativá-lo, você precisa fazer o seguinte:

• Abra o navegador. Digite chrome: // flags na caixa de pesquisa.

• Uma nova página com funções de teste aparecerá. Você precisa inserir a consulta "Rolagem" na caixa de pesquisa.

• Entre os resultados da pesquisa encontramos "Smooth Scrolling" (Smooth scrolling). Definimos o valor "Ativado".

• Ou, na barra de pesquisa, você pode inserir imediatamente a consulta # smooth-scrolling e habilitar esta opção.

É importante observar que esta opção é teste e para seu funcionamento normal você precisa fazer mais algumas alterações nas configurações do mouse, a saber:

• Clique em "Iniciar", "Painel de controle", "Mouse".

• Uma pequena janela aparecerá. Você precisa abrir a guia "Roda". Para o número de voltas da roda, defina o valor "4".

• Salvamos as configurações e testamos a suavidade da rolagem no navegador.

Também na Google Store você pode encontrar a extensão Chromium Wheel Smooth Scroller. Ele permite que você role as páginas com suavidade e use um controle deslizante no próprio programa. Para instalar esta extensão, você deve seguir estas etapas:

• Clique no botão de menu do navegador e selecione "Configurações". Além disso, no menu à esquerda, você precisa clicar no botão "Extensões".

• Uma nova guia aparecerá. Você precisa clicar no link "Vá para a loja do Google ...".

• Na caixa de pesquisa, insira a consulta necessária.

• Em seguida, clique em "Adicionar ao Chrome".

• Confirmamos a adição da extensão ao navegador.

• Ligue a extensão com o botão localizado na barra de ferramentas.

Poucos usuários usam a barra de rolagem lateral. A maioria está acostumada a usar uma roda ou touchpad. No entanto, se você estiver usando a rolagem do navegador, poderá usar a função Overlay Scrollbars para ajustá-la corretamente. Para fazer isso, insira a consulta # overlay-scrollbars na seção de funções de teste. Você precisa habilitar todos os recursos que encontrar. Dependendo da versão do sistema operacional e da versão do navegador, pode haver de uma a três dessas funções.

Depois de ativar as barras de rolagem de sobreposição, ao passar o mouse sobre a barra de rolagem lateral, você pode ver que ela se expande e encolhe para facilitar o agarramento e o movimento.

Deve-se observar que extensões de terceiros podem ser usadas para personalizar a rolagem suave. Por exemplo, você pode instalar a ferramenta SmoothScroll. Ele está disponível na Chrome Store. Tudo o que é necessário é adicionar a extensão ao navegador.

Uma pequena janela aparecerá. Aqui você precisa definir os parâmetros de rolagem. Nós personalizamos para nós mesmos.

Também existe uma extensão, como Touch & Drag Scroller. Ele permite que você implemente uma opção como um joystick na tela do navegador. Na verdade, essa extensão é conveniente para dispositivos com tela sensível ao toque. Depois de instalá-lo, um pequeno círculo aparece no navegador. Ao clicar com o botão esquerdo do mouse e mantê-lo pressionado, o usuário pode rolar pelas páginas.

Se, ao contrário, você deseja ocultar a barra de rolagem, então você pode instalar a barra de rolagem mínima entre as extensões. Esta extensão irá adaptar a barra de rolagem para cada site específico. E se você não quiser lidar com as configurações de rolagem, poderá instalar a extensão Scroll Buddy. Ele é projetado para rolagem automática.

É importante observar que todos os métodos acima funcionam em todos os sistemas operacionais, incluindo Mac OS, Linux e Android. No entanto, para implementar uma rolagem mais suave, você também precisa configurar o mouse. Somente em tal combinação não haverá nenhum solavanco no navegador ao rolar pelas páginas.