Страницы

Поиск по вопросам

вторник, 13 ноября 2018 г.

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

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


Ответ

Можно сделать и с помощью 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)

Комментариев нет:

Отправить комментарий