Хочу убрать стандартный скролл , а поставить не широкий красивый как на смартфонах

#javascript #html #jquery #css

Хочу убрать стандартный скролл , поставить не широкий красивый как на смартфонах,
чувствую решить проблему может js/jquery
    

Ответы

Ответ 1

Можно сделать и с помощью css. Пример.
P.S. Если я правильно понял задание, то уже настроите под себя:)



body {
  min-height: 250vh;
}

::-webkit-scrollbar-button {
  width: 5px;
  height: 0px
}

/* Цвет дорожки, по которой двигается бегунок прокрутки. */
::-webkit-scrollbar-track {
  background-color: #ecedee
}

/* Цвет бегунка полосы, а так же его закругление. */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  background-color: #6dc0c8;
}

/* Цвет бегунка при наведении на него курсора. */
::-webkit-scrollbar-thumb:hover {
  background-color: #56999f;
}

/* Основная ширина полосы прокрутки. */
::-webkit-resizer {
  width: 4px;
  height: 0px
}
::-webkit-scrollbar {
  width: 4px;
}




ИЛИ:

Подробнее...



body {
  min-height: 250vh;
}








  It supports DIVs, IFrames, textarea, and document page (body) scrollbars. Compatible
with all desktop browser: Firefox 4+, Chrome
  5+, Safari 4+ (win/mac), Opera 10+, IE 6+. (all A-grade browsers)