Принудительное отображение полосы прокрутки на iphone Chrome (CSS) - PullRequest
Новая
       7

Принудительное отображение полосы прокрутки на iphone Chrome (CSS)

0 голосов
/ 12 февраля 2020

У меня есть модал и его содержимое должно переполниться и прокручиваться. Я хочу, чтобы полоса прокрутки всегда была видна, потому что некоторые из моих пользователей сказали мне, что не понимают, что могут прокрутить для получения дополнительной информации.

К сожалению, на iPhone Chrome ничего, что я пробовал, не сработало. Как я могу использовать CSS, чтобы сделать вертикальную полосу прокрутки постоянно видимой?

Текущий CSS (этот код работает для Chrome просмотра мобильных устройств, но он не работает в реальной жизни): 

::-webkit-scrollbar {
  -webkit-appearance: none;
  -webkit-overflow-scrolling: auto
}

::-webkit-scrollbar:vertical {
  width: 12px;
  -webkit-overflow-scrolling: auto
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 10px;
  border: 2px solid #ffffff;
  -webkit-overflow-scrolling: auto
}

::-webkit-scrollbar-track {
  border-radius: 10px;  
  background-color: #ffffff; 
  -webkit-overflow-scrolling: auto
}
...