Изменение стиля полосы прокрутки CSS && True! полноэкранный

CSS

CSS3 позволяет настраивать стиль полосы прокрутки. Сегодня я нашел необычный способ игры. Давайте посмотрим? Когда я раньше писал веб-страницу, полоса прокрутки выглядела так?

Хорошо ли выглядит эта полоса прокрутки?

Ерунда точно некрасива! Что делать, если дизайн сырой и дан чертеж дизайна с фоном?

Это еще уродливее!

Впереди высокая энергия! Некомбатанты, пожалуйста, быстро избегайте!

Обратите внимание, что на второй картинке полоса прокрутки не отсутствует, а задан тот же цвет, что и цвет фона.(Разве лишнее, где пользовательский опыт!)

Это намного красивее?

css код для предложения

body {
  background: #06b0b9;
}
::-webkit-scrollbar {
        width: 10px;
        height: 1px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: none;
  background: hsl(183, 97%, 27%);
  -webkit-box-shadow: none;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 10px;
  background: #06b0b9;
  -webkit-box-shadow: none;
}

Проверил таблицу совместимости, про совместимость ничего не сказано (гугу босс) (хочу удалить эту таблицу)

Четное,

Чиновник напомнил, что Firefox IE не может работать, а протестовый Firefox действительно не может работать, поэтому он его не поддерживает.

Тем не менее, т.е. поддерживает другие методы достижения, но он немного несовершенен

 body {
  scrollbar-arrow-color: #06b0b9;
  /*三角箭头的颜色*/
  scrollbar-face-color: hsl(183, 97%, 27%);
  /*立体滚动条的颜色（包括箭头部分的背景色）*/
  scrollbar-3dlight-color: #06b0b9;
  /*立体滚动条亮边的颜色*/
  scrollbar-highlight-color: #06b0b9;
  /*滚动条的高亮颜色（左阴影？）*/
  scrollbar-shadow-color: #06b0b9;
  /*立体滚动条阴影的颜色*/
  scrollbar-darkshadow-color: #06b0b9;
  /*立体滚动条外阴影的颜色*/
  scrollbar-track-color: #06b0b9;
  /*立体滚动条背景颜色*/
  scrollbar-base-color: #06b0b9;
  /*滚动条的基色*/
}

Тем не менее, сегодня все еще есть открытие, кажется, что он может добиться полноэкранного фона.

при нормальных обстоятельствах

Не покровительствовать и смотреть на людей, смотреть направо, может этого достаточно?

Как вы провели вчера День святого Валентина, круг друзей, кажется, в гармонии

Вернуться к сути
Разве так не лучше? (Один лунный пирог, Сюаньцзи не будет спрашивать у меня авторские права?)

body,
html {
  width: 100vw;
}

body {
  /* background: #06b0b9; */
  background: url(01.jpg) no-repeat center;
  background-size: 100% 100%;
}

::-webkit-scrollbar {
  width: 10px;
  height: 1px;
}

::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: hsl(183, 97%, 27%);
  -webkit-box-shadow: none;
}

::-webkit-scrollbar-track {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
}

Пожалуйста, будьте честны с судьями. Я просто придумал идею и поделился ею, другого смысла в ней нет, я считаю, что мой талант средний, поэтому среди братьев должны быть те, у кого сильные боевые искусства и таланты.

Категории