2016-08-06 3 views
0

Редактировать: Разница заключается в том, что я использую их решение, и оно не работает.Мобильный/iOS Переполнение: авто Не работает

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

Спасибо!

body, html{ 
    width: 100%; 
    height: 100%; 
    white-space: nowrap; 
} 

#slides-container{ 
    width: 100%; 
    height: 100%; 
    display: block; 
} 

#slides{ 
    width: 200%; 
    height: 200%; 
    position: fixed; 
    top: 0; 
    left: 0; 
    overflow-y:hidden; 
    overflow-x:auto; 
    -webkit-overflow-scrolling: touch; 
} 
+0

изменить 'overflow-x' на' scroll', а не 'auto' –

+4

Возможный дубликат [overflow: auto not working in touch devices (iOS)] (http://stackoverflow.com/questions/18438690/overflowauto- не работоспособный в касание-devicesios) –

ответ

0

Если кто-то работает над горизонтальной прокрутки и пытается реализовать возможность пользователям прокрутки по горизонтали на веб и мобильных устройств это было решение, которое я наконец-то нашел работу в моем случае:

http://manos.malihu.gr/jquery-custom-content-scroller/

Надеюсь, это полезно. Благодаря!

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