Как исправить скролл в Chrome на MacOs

Оказалось, что в веб-кит браузерах наблюдается следующая ошибка — отсутствует скролбар если вы указываете для блока высоту и оверфлоу:

.jcf-select-drop {
  height: 245px;
  overflow-y: scroll;
}

Чтобы исправить отсутствие скролбара для версий браузеров продукции Apple, внести этот код в ваш CSS:

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

Можно изменить скрол как вам будет удобнее, главное что это работает 🙂 Стоит отметить, что теперь скрол поменяется на во всех вебкит браузерах, даже на windows версиях.

автор: Dmitriy

Занимаюсь веб-разработкой с 2011 года. Посмотреть некоторые из моих работ, а также узнать чуть больше обо мне, вы можете на forwww.ru.

Какие услуги предоставляю:
- Создание сайтов, шаблонов и компонентов на 1С-Битрикс;
- Разработка функционала с нуля и доработка кода на уже созданных проектах;
- Адаптивная вёрстка макетов и натяжка на Битрикс;
- Парсинг файлов и выгрузка на сайт (форматы - CSV, XML, XLSX, JSON)
- Интеграции со сторонними сервисами по API;
- Многоязычные версии и многое другое.

Если у вас остались вопросы, свяжитесь со мной любым удобным для вас способом или оставьте комментарий внизу.
E-mail: dmitriyribka@gmail.com
Skype: cinemacreaterus

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *