Remover setas do Scroll

Detalhes da dúvida

Versão do fórum : PunBB
Nível de acesso : Fundador
Navegador usado : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari
Imagem :

Imagem da minha dúvida:

Membros afetados : Todos os membros do fórum
Endereço do fórum : http://www.cidadesocial.com

Descrição do problema

Olá,

Gostaria de remover as setas do scroll em meu fórum.

Até mais.

Olá!

Adicione em sua CSS:

Código:

body {
overflow: hidden !important;
}

Atenciosamente.

O scroll em si sumiu, eu quero que apenas as setas sumam !

Saudações!

Tente este:

Código:

body {
overflow: visible !important;
}

Até!

Olá,

Substitua por:

Código:

::-webkit-scrollbar  {
background: #F1F1F1;
}

Até!

First o código fez todo o scroll desaparecer, ficando assim http://prntscr.com/6do22t

---

Hakuouki o código não teve efeito algum.

Saudações!

Adicione o código abaixo no INICIO de teu CSS:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 1px 1px 2px rgba(155,155,155,0.4);
background: #F88C00;
background-color: black!important;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Olá @iHeloaD,

Antigamente era possível editar a barra de rolagem pelo css, hoje não mais. Porem há como sim usando plugins.
Peço que da uma procurada pelo Google, também indico que você olhe este link.


Atenciosamente.

Esses dias, entrei em um site, que não lembro qual, ele não tinha as setas do scroll, por isso achei que era possível retira-las, vou esperar para ver se algum Staff consiga, se não, darei o tópico como resolvido.

Obrigado por sua atenção.

Sennior escreveu:Saudações!

Adicione o código abaixo no INICIO de teu CSS:

Vá em: Painel de controle   Visualização   Cores "Aba" Folha CSS.

Adicione no conteúdo:

Código:

::-webkit-scrollbar-thumb {
-webkit-box-shadow: inset 1px 1px 2px rgba(155,155,155,0.4);
background: #F88C00;
background-color: black!important;
}

Salve e Visualize seu fórum.
Melhores cumprimentos,
Sennior.

Tentou meu código?

Olá,

Como dito antigamente era possível fazer isso com um padrão e ele era apenas para a internet explore.
scrollbar-arrow-color: editava as setas da barra de rolagem, hoje dia não funciona mais, só que o senhor pode obter o efeito que desejastes usando plugins, como eu deixei um link para o senhor ler, você ao menos se quis ler o link que deixei para o senhor? Clique aqui.


Atenciosamente.

@First eu sempre uso Google Chrome, e o site que sitei que entrei e n tinha as setas, eu tinha entrado no mesmo pelo Google Chrome mesmo.

---

@Sennior desculpe não percebi sua mensagem, mas também o código não resultou.

Saudações amigo!

Substitua todos os códigos fornecidos neste tópico, por este:

Código:

::-webkit-scrollbar-button:vertical:increment {display: none !important);}
::-webkit-scrollbar-button:vertical:decrement {display: none !important);}

Até!

Sem resultado, porém pode dar o tópico como resolvido, obrigado pelo suporte.

Substitua por este:

Código:

::-webkit-scrollbar{width:18px;height:5px;}
::-webkit-scrollbar-button{background-color:none !important;width:15px;height:0px;}
::-webkit-scrollbar-track-piece {background-color:#E7E7E7;-webkit-border-radius:0px;}
::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#B3B3B3;-webkit-border-radius:0px;border-left: 2px solid #ffffff;border-right: 2px solid #ffffff;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;}
::-webkit-scrollbar-thumb:vertical:hover {background-color: #808080 !important;}
::-webkit-scrollbar-thumb:horizontal{width:3px;background-color:#B3B3B3;-webkit-border-radius:0px;}
::-webkit-scrollbar-button:vertical:increment {background-image:none !important);}
::-webkit-scrollbar-button:vertical:decrement {background-image:none !important);}

Se quiser sem as bordas em cima e embaixo, e sem efeito hover quando o mouse estiver sobre a barra de rolagem(a parte escura que desce e sobe), substitua por este outro:

Código:

::-webkit-scrollbar{width:18px;height:5px;}
::-webkit-scrollbar-button{background-color:none !important;width:15px;height:0px;}
::-webkit-scrollbar-track-piece {background-color:#E7E7E7;-webkit-border-radius:0px;}
::-webkit-scrollbar-thumb:vertical{height:5px;background-color:#B3B3B3;-webkit-border-radius:0px;border-left: 2px solid #ffffff;border-right: 2px solid #ffffff;}
::-webkit-scrollbar-thumb:horizontal{width:3px;background-color:#B3B3B3;-webkit-border-radius:0px;}
::-webkit-scrollbar-button:vertical:increment {background-image:none !important);}
::-webkit-scrollbar-button:vertical:decrement {background-image:none !important);}

Eu testei ambos e são funcionais!

Até!

Perfeito, muito obrigado.