Как исправить скролл в 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.

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

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