Artigo Introdução de wulin.com (www.vevb.com): Remova a barra de rolagem horizontal do iframe e mantenha a barra de rolagem vertical.
1. Configurações quando o excesso de excesso de conteúdo está transbordando (defina se o objeto que está sendo definido exibe a barra de rolagem)Configurações quando o transbordo de Overflow-X Horizontal Overflow
Configurações quando transbordamento de excesso de teor vertical transbordando
Os valores definidos pelos três atributos acima são visíveis (padrão), rolagem, oculta e automática.
2. ScrollBar-3D-Light-Color A cor de borda brilhante da barra de rolagem tridimensional (defina a cor da barra de rolagem)
cor de rollbar-arrow-cor da seta do triângulo em cima do botão
RollBar-Base-Color ScrollBar Basic Color
scrollbar-dark-shadow-cor-cor tridimensional barra de scrollbar forte cor
Cor da cor da barra de rolagem da parte da parte convexa da barra de rolagem tridimensional
cor de rolagem-altura cor-cor da parte em branco da barra de rolagem
cor-scrollbar-shadow-cor da cor da sombra estereoscópica da barra de rolagem
As propriedades do estilo acima são explicadas através de vários exemplos:
1. Faça a janela do navegador nunca parecer barras de rolagem
Sem barra de rolagem horizontal
<estilo de corpo = overflow-x: oculto>
Sem barra de rolagem vertical
<estilo de corpo = transbordamento-y: oculto>
Sem barra de rolagem
<estilo de corpo = overflow-x: oculto; transbordamento-y: oculto> ou <corpo
estilo = transbordamento: oculto>
2. Defina a barra de rolagem da caixa de texto de várias linhas
Sem barra de rolagem horizontal
<textarea style = overflow-x: hidden> </sexttarea>
Sem barra de rolagem vertical
<textarea style = overflow-y: oculto> </sexttarea>
Sem barra de rolagem
<textarea style = overflow-x: hidden; overflow-y: oculto> </sexttarea>
ou <textarea style = Overflow: Hidden> </sexttarea>
3. Defina a cor da barra de rolagem da janela
Defina a cor da barra de rolagem da janela para vermelho <estilo de corpo = scrollbar-base-cor: Red>
ScrollBar-Base-Color define a cor básica. Geralmente, apenas essa propriedade precisa ser definida para alcançar o objetivo de alterar a cor da barra de rolagem.
Adicione um efeito especial:
<estilo de corpo = scrollbar-arrow-cor: amarelo; rollbar-base-cor: lightalmon>
4. Defina uma classe no arquivo da folha de estilo e ligue para a folha de estilo.
<estilo>
.CoolScrollBar {ScrollBar-Arrow-Color: Yellow; ScrollBar-Base-Color: Lightsalmon;}
</style>
Chamado assim:
<textarea class = coolscrollbar> </sexttarea>