Только прокручиваемая ошибка появляется на iPad

Question

Мы только что запустили новый сайт для местного ресторана и в значительной степени исправили все ошибки. Только выдающийся из них проявляется только в мобильном сафари iPad.

В самом низу страницы есть селектор фона. Стрелки влево и вправо, используемые для навигации по фоновым эскизам, анимируют div влево и вправо, чтобы увидеть больше миниатюр.

Но на iPad движется только фоновый большой палец (с белой рамкой вокруг него). Любая идея, почему это произойдет только на iPad?

http://gravyraleigh.com/

Answer 1

У iOS в целом проблемы с прокруткой, у 4.3 - с прокруткой внутри div, а у 5 - с прокруткой внутри IFrames.Чтобы обойти это, мы написали функцию, которая определяла бы ширину содержимого, а затем соответствующим образом определяла размер блока.

Посмотрите на функцию jQuery .width (), она вернет фактическую ширину любого тега и позволит вам получить значение ширины содержимого, которое вы используете.Лучшая практика для iOS, которую я нашел, - это изменять высоту div в зависимости от ширины области просмотра или использовать макеты, основанные на процентах, чтобы при изменении области просмотра макет мог корректироваться.Прокрутка очень глючная, и лучше избегать ее, если это возможно, до тех пор, пока разработчики iOS не исправят проблемы в iOS 5, однако в 4.3 все еще будут эти проблемы.