Как заставить полосу прокрутки появиться в ipad? (Mobile Safari)

У меня возникли проблемы с появлением полосы прокрутки в сафари для мобильных устройств, потому что переполнение: автоматически не работает, когда есть доступный для прокрутки контент. Я нашел это свойство CSS:Как заставить полосу прокрутки появиться в ipad? (Mobile Safari)

-webkit-переполнение прокрутки: сенсорный

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

источник

2013-02-12 Tanya

Я верю в 'iOS' полоса прокрутки отходит на задний план, когда он не используется. Я не верю, что вы можете заставить эти маленькие бары отображать. -'webkit-overflow-scrolling' только для того, чтобы заставить свиток быть там, а не обязательно показывать полосы прокрутки, которые я считаю. Поскольку, как я уже сказал, я считаю, что бары исчезают до невидимости, когда они не используются. – Leeish

Даже демонстрация iScroll: http://cubiq.org/iscroll не имеет их постоянно отображаться, только когда они используются, а iScroll - это своего рода уловка для принудительной прокрутки. Я собираюсь заявить, что это невозможно. – Leeish

В вашем CSS включают:

::-webkit-scrollbar { 
    -webkit-appearance: none; 
    width: 7px; 
    height: 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); 
}

Настроить внешний вид по мере необходимости.

Stackoverflow source

Original source

источник

2014-05-08 08:19:36 joseantgv

Спасибо! Это действительно сработало, но если вы также решите включить прокрутку инерции с помощью '-webkit-overflow-scrolling: touch;', то это переопределит внешний вид полосы прокрутки (и сделает их не типичными) – nothingisnecessary

Как заставить полосу прокрутки появиться в ipad? (Mobile Safari)

ответ

Смежные вопросы