В этой статье представлен пример кода для настройки стиля полосы прокрутки H5, и он доступен всем. Подробности следующие:
/* Цвет фона ползунка полосы прокрутки */::-webkit-scrollbar-track { background-color: #b46868;}/* Цвет ползунка */::-webkit-scrollbar-thumb { background-color : rgba( 0, 0, 0, 0.2);} /* Цвет кнопок прослушивания на обоих концах направляющей */::-webkit-scrollbar-button { background-color: #7c2929;}/* Цвет острых углов на пересечении горизонтальной полосы прокрутки и вертикальной полосы прокрутки */::-webkit-scrollbar-corner {background-color: black;} // Собственный метод настройки IE, и первый. Браузеры, которые могут настраивать полосы прокрутки, совместимы с body {scrollbar-face-color: #b46868;}, начиная с IE5.5. Пример /* Полоса прокрутки документа */::-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; box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);}/* Прокручиваемый элемент */.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, предполагается, что Quisquam enim. qui iure, consequatur velit сидеть </p></div>Выше приведено все содержание этой статьи. Я надеюсь, что она будет полезна для изучения всеми. Я также надеюсь, что все поддержат сеть VeVb Wulin.