Este artículo presenta el código de muestra para configurar el estilo de la barra de desplazamiento H5 y lo comparte con todos. Los detalles son los siguientes:
/* El color de fondo del control deslizante de la barra de desplazamiento */::-webkit-scrollbar-track { background-color: #b46868;}/* El color del control deslizante */::-webkit-scrollbar-thumb { background-color : rgba( 0, 0, 0, 0.2);} /* Color de los botones de escucha en ambos extremos del riel deslizante*/::-webkit-scrollbar-button { background-color: #7c2929;}/* El color de las esquinas afiladas en la intersección de la barra de desplazamiento horizontal y la barra de desplazamiento vertical*/::-webkit-scrollbar-corner { background-color: black;} // Método de configuración propio de IE, y el primero Los navegadores que pueden personalizar las barras de desplazamiento son compatibles con body { scrollbar-face-color: #b46868;} a partir de IE5.5 Ejemplo /* Barra de desplazamiento del documento */::-webkit-scrollbar { width: 8px;}::-webkit-scrollbar-track { box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); border-radius: 10px;}::-webkit-scrollbar-thumb { border-radius : 10px; sombra de cuadro: inserción 0 0 6px rgba(0, 0, 0, 0.5);}/* Elemento desplazable */.some-element::webkit-scrollbar {}<div class=custom-scrollbar> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit Iure id exercitationem nulla qui repellat laborum vitae, molestias tempora velit natus Quas, supuesto nisi quisquam enim. qui iure, consequatur velit sit </p></div>Lo anterior es el contenido completo de este artículo. Espero que sea útil para el estudio de todos. También espero que todos apoyen VeVb Wulin Network.