Este artigo apresenta o código de exemplo para configurar o estilo da barra de rolagem H5 e o compartilha com todos. Os detalhes são os seguintes:
/* A cor de fundo do controle deslizante da barra de rolagem */::-webkit-scrollbar-track { background-color: #b46868;}/* A cor do controle deslizante */::-webkit-scrollbar-thumb { background-color : rgba( 0, 0, 0, 0.2);} /* Cor dos botões de escuta em ambas as extremidades do trilho deslizante*/::-webkit-scrollbar-button { background-color: #7c2929;}/* A cor dos cantos agudos na intersecção da barra de rolagem horizontal e da barra de rolagem vertical*/::-webkit-scrollbar-corner { background-color: black;} // Método de configuração do próprio IE, e o primeiro Navegadores que podem personalizar barras de rolagem são compatíveis com body { scrollbar-face-color: #b46868;} a partir do IE5.5 Exemplo /* Barra de rolagem do documento */::-webkit-scrollbar { width: 8px;}::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0,3); : 10px; sombra da caixa: inserção 0 0 6px rgba(0, 0, 0, 0.5);}/* Elemento rolável */.some-element::webkit-scrollbar {}<div class=custom-scrollbar> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. molestias tempora velit natus Quas, assumenda nisi. qui iure, consequatur velit sit?O texto acima é todo o conteúdo deste artigo. Espero que seja útil para o estudo de todos. Também espero que todos apoiem a Rede VeVb Wulin.