2013-08-26 1 views
9

Я внедрил сайт, используя twitter bootstrap. В верхней части сайта я использовал навигационную панель, а внутри - выпадающее меню. Выпадающее меню состоит из < ul> и < li> тегов. Я показываю список членов внутри этого меню dropdwon. Когда список участников растет, выпадающее меню растет горизонтально, для чего я добавил overflow: auto в раскрывающийся список. Теперь он показывает вертикальную полосу прокрутки и отлично работает в браузере.переполнение: автоматическое не работает в сенсорных устройствах (iOS)

Но то же самое не работает в iPad и других устройствах iOs. У меня есть googled и нашел -webkit-overflow-scrolling: touch должен работать. Но это не работает для меня. Много других решений также присутствует, но, к сожалению, не работает для меня.

Есть ли лучшее решение. Может быть все, что мы можем сделать, используя css.

+0

использовать как 'переполнения: scroll' и' -webkit-переполнение прокрутки: касание; '. [Ссылка] (http://johanbrook.com/browsers/native-momentum-scrolling-ios-5/). а также взгляните на эту ссылку [** Barrow.io **] (http://barrow.io/overflow-scrolling) –

+0

Да, везде ее написано, что -webkit-overflow-scrolling: touch; должен работать, но не знаю, почему он не работает для меня. – sandeep

+0

использовать с 'overflow: scroll' не с' overflow: auto' .. –

ответ

1

Добавить свойство CSS в ваш сНу тег -webkit-переполнение прокрутки: сенсорный

+0

Я должен показать полосу прокрутки в < ul > и < li > тег. – sandeep

+0

положить его в контейнер и в css добавить это свойство –

+0

Это не работает для меня – AndrewLeonardi

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