Use CSS para modificar as barras de rolagem
1. Configurações quando transbordamento de excesso de excesso
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
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
Os valores definidos pelos sete atributos acima são valores de cores e você pode usar várias expressões definidas pela folha de estilo.
Usando o conteúdo de definição de estilo acima, podemos especificar se as barras de rolagem são exibidas e estilos de cores da janela do navegador e caixas de texto com várias linhas. O primeiro conjunto de atributos de estilo são usados para definir se a barra de rolagem é exibida. O segundo conjunto de atributos de estilo é usado para definir a cor da barra de rolagem. Os atributos de estilo envolvidos neste artigo só podem ser suportados pelo IE. O segundo conjunto de atributos de estilo só pode ser suportado pelo IE versão 5.5, então preste atenção ao depurar.
Explicaremos as propriedades do estilo acima 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
<style body = overflow-x: Hidden; Overflow-y: Hidden> ou <estilo do corpo = Overflow: Hidden>
2. Defina a barra de rolagem da caixa de texto de várias linhas
Sem barra de rolagem horizontal
Copie o código