Полосы прокрутки не отображаются в Google Chrome

Я создаю сайт для клиента. В дизайне есть ipad, и содержимое будет отображаться внутри экрана. Это было очень хорошо, пока они не попросили меня изменить его, поскольку свойство переполнения CSS не очень хорошо работает на ipads (мне сказали это).

Динамическое изменение содержимого. Через минуту или около того, я показываю div с большим количеством текста. Полоски прокрутки не отображаются, поэтому пользователь не сможет перемещаться.

После нажатия F12 появляется консоль, и если я ее снова нажму, консоль скрывается и появятся полосы прокрутки.

Это html

http://pastebin.com/9PkyeaVr

CSS

http://pastebin.com/e0YMfxLM

Я попытался установить свойства переполнения на листе css, а также когда появляется div с вопросами.

Вопросы генерируются с помощью vb.net при загрузке. Я использую jQuery для управления DOM.

Любые идеи помогают!... или, может быть, кто-то знает, как сделать переполнение: прокрутка; работает на ipad. Кто-то сказал мне, что это работает, когда вы используете 3 пальца, но некоторые люди не знают об этом.

btw, я сделал свое исследование и все;)

Я проверил, происходит ли это в IE, Firefox. У Chrome и Safari есть проблемы.

2 ответа

простое решение (не то, что я хотел....)

установить высоту тела == высота контейнера

jQuery('body').css('height', jQuery('#*******************').css('height'))


Взгляните на это: Как получить полосу прокрутки с переполнением CSS на iOS, возможно, упомянутое свойство -webkit-overflow-scrolling: touch поможет вам.

licensed under cc by-sa 3.0 with attribution.