O Google Chrome tem poucas opções para personalizar a barra de rolagem da página. Não seria ótimo se você pudesse personalizar as cores, botões, dimensões e velocidades de rolagem da barra de rolagem? Bem, você pode fazer exatamente isso com algumas extensões do Chrome.
Personalização da barra de rolagem do Google Chrome com Rescroller
Rescroller é talvez a melhor extensão para personalizar a barra de rolagem do Chrome. Vá para esta página para adicionar o Rescroller ao navegador. Depois de adicionado, você pode clicar noRescroller Definiçõesbotão na barra de ferramentas para abrir a página abaixo.
como definir um alarme no mac
Agora role um pouco para baixo até Opções gerais com as quais você pode personalizar a largura da barra de rolagem. Você pode arrastar oBarra de rolagem Tamanhobarra para ajustar a largura da barra de rolagem. Isso configurará a largura da barra à direita da página Rescroller.
Diretamente abaixo da barra deslizante, há uma caixa de texto da Lista Negra. Lá você pode inserir URLs de sites para manter a barra de rolagem padrão. Então, a barra de rolagem personalizada não será incluída nesses sites.
Role para baixo até as opções do controle deslizante para configurar as cores do controle deslizante. Clique noCorpara abrir uma paleta na qual você pode escolher cores alternativas para o controle deslizante. Selecione uma cor a partir daí e cliqueAplicarna paleta para mudar a cor do controle deslizante.
Como alternativa, adicione imagens de fundo aos controles deslizantes verticais e horizontais. aperte oSelecione a imagembotões para escolher uma imagem para o controle deslizante. Então aperteAbrirpara adicionar a imagem ao controle deslizante como abaixo.
As opções do Slider também incluemSombraseFronteirasbarras deslizantes. Arrastar a barra Bordas para cima adiciona uma borda ao controle deslizante. Arrastar oSombrasbarra para cima para aplicar um efeito de sombra a ela.
A maioria dos controles deslizantes é quadrada por padrão. No entanto, você pode personalizar o controle deslizante do Chrome para que seja mais curvo. Arrastar oCanto Arredondados slidebar mais à direita para adicionar cantos curvos ao controle deslizante como abaixo.
Abaixo disso você pode selecionarPersonalize o estilo ao pairarePersonalize o estilo ao clicarcaixas de seleção. Selecione aqueles para abrir as opções mostradas abaixo. Com essas configurações, você pode personalizar ainda mais as cores do controle deslizante ao passar o mouse ou selecioná-lo com o cursor.
Com as opções de plano de fundo, você pode personalizar a barra de rolagem principal, mas não o controle deslizante. Essas configurações são quase idênticas às opções do controle deslizante. Como tal, você pode personalizar a cor, sombras e bordas da barra de rolagem principal da mesma forma.
Um pouco mais abaixo na página Rescroller, existem opções de botões. Se ainda não estiver selecionado, clique emMostrar botões de rolagempara incluir botões na barra de rolagem e expandir essas configurações. Então você pode clicar noCorcaixa para escolher novas cores para esses botões. Se você tiver algumas boas imagens de botão, clique no X noPra cima,Direito,InferioreDeixoucaixas e, em seguida, pressioneSelecione a imagempara adicioná-los às barras de rolagem. Verificação de saída esta página no site do Iconfinder para encontrar alguns ícones de botão de seta para a barra de rolagem.
Você também pode adicionar cantos arredondados aos botões de seta. Role para baixo até o final da página e arraste oCantos arredondadosbar lá mais à direita. Além disso, você pode selecionarPersonalize o estilo ao pairarePersonalize o estilo ao clicaropções para os botões de seta.
Adicionar um design mínimo de barra de rolagem ao Chrome
Para uma personalização rápida da barra de rolagem, verifique o Barra de rolagem mínima extensão . Esta é uma extensão que adiciona uma nova barra de rolagem ao Google Chrome que se expande quando você passa o cursor sobre ela e se contrai, ou minimiza, quando a barra de rolagem não é selecionada. Ele também possui um controle deslizante transparente com cantos arredondados.
Abra esta página e pressione o botão verde para adicionar esta extensão ao Chrome. Em seguida, reinicie o navegador e abra algumas páginas para experimentar a nova barra de rolagem. Você verá que as páginas incluem a barra de rolagem mostrada no instantâneo diretamente abaixo.
Portanto, esta barra de rolagem efetivamente tem uma largura reduzida quando não está selecionada. Passe o cursor sobre ele para expandir a barra de rolagem. O controle deslizante transparente também é algo novo.
Esta extensão não tem muitas opções de personalização, mas você a configura para que a barra de rolagem padrão permaneça no lugar em certas páginas. Clique com o botão direito noBarra de rolagem mínimabotão na barra de ferramentas e selecioneOpçõespara abrir a guia abaixo. Lá você pode inserir URLs de página na caixa de texto para que eles não incluam a barra de rolagem personalizada.
Personalizar a rolagem da página da barra de rolagem
Você não pode personalizar a rolagem da página da barra de rolagem, caso contrário, a velocidade de rolagem com o Rescroller ou a Barra de rolagem mínima. No entanto, você pode fazer isso com o Cromo Roda Smooth Scroller extensão, que os usuários do Chrome podem adicionar ao navegador a partir de esta página . Em seguida, clique com o botão direito noCromo Roda Smooth Scrollerbotão na barra de ferramentas e selecioneOpçõespara abrir a página mostrada abaixo.
Na parte superior, você tem opções de roda do mouse com as quais pode personalizar a rolagem da roda do mouse. Por exemplo, cada movimento da roda do mouse rola o controle deslizante para baixo na página em um valor específico; e você pode personalizar isso arrastando oTamanho do passobarra mais à esquerda ou à direita. Arraste a barra para a direita para aumentar o número de pixels que o controle deslizante pula para baixo na página a cada rolagem da roda, o que efetivamente aumenta a velocidade de rolagem.
Logo abaixo estãoSuavidadeeSuavidade (parte anterior)barras. Arraste essas barras mais para a direita para tornar a rolagem da página com rolagens mais suaves. Se você arrastá-los para a extrema esquerda, a rolagem da página com a roda do mouse será um pouco mais irregular.
Você também pode rolar a página para cima e para baixo com as teclas de seta. Abaixo das opções do mouse, há configurações com as quais você pode personalizar a rolagem da página do teclado. As opções são basicamente as mesmas do mouse, exceto que personalizam as configurações da barra de rolagem do teclado do Chrome.
Na parte inferior da página, há uma caixa de texto Lista Negra. Lá você pode inserir os URLs dos sites a serem excluídos das configurações selecionadas do Chromium Wheel Smooth Scroller.
Assim, com essas extensões, agora você pode personalizar a barra de rolagem do Google Chrome. Você pode revisar a barra de rolagem com o Rescroller, adicionar um novo controle deslizante transparente ao navegador com a barra de rolagem mínima ou configurar ainda mais a rolagem da página com o Chromium Wheel Smooth Scroller.