CSS3 стиль полосы прокрутки

Состав полосы прокрутки

  • :: - WebKit-прокрутка неотъемлемая часть полосы прокрутки
  • :: - WebKit-полоса прокрутки-большого пальца полоса прокрутки внутри небольшой коробке, можно перемещать вверх вниз (перемещается влево или вправо, в зависимости от того, вертикальная полоса прокрутки горизонтальная полоса прокрутки)
  • :: - WebKit-полоса прокрутки-трек полосы прокрутки (который оснащен большим пальцем)
  • :: - на обоих концах кнопок дорожки WebKit-прокрутки кнопки прокрутки панели, что позволяет тонко настраивать положение, нажав на небольшой площади.
  • :: - WebKit-полоса прокрутки треков частей внутренней орбиты полоса прокрутки промежуточная часть (удален)
  • :: - WebKit-полоса прокрутки уголков края, то есть пересечение двух скроллинга
  • :: - для регулировки размера элемента путем перетаскивания виджетов на углу WebKit-Resizer двух полос прокрутки

Мобильный терминал скрыть прокрутки полосы прокрутки: -webkit-прокрутка

::-webkit-scrollbar {/*隐藏滚轮*/
    display: none;
}

приложение

::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-button {
	display: none;
}
::-webkit-scrollbar-track {
	background: #e8e8e8;
	border-radius: 8px;
}
::-webkit-scrollbar-thumb {
	background: #bbb;
	border-radius: 8px;
}
::-webkit-scrollbar-corner {
	background: #e8e8e8;
	border-radius: 8px;
}
::-webkit-scrollbar-resizer {
	background: #e8e8e8;
	border-radius: 8px;
}

рекомендация

отblog.csdn.net/luchuanqi67/article/details/90316139