iPad перемещается по полноразмерным страницам с помощью жестов - PullRequest
Новая
       16

iPad перемещается по полноразмерным страницам с помощью жестов

0 голосов
/ 05 февраля 2011

Я создаю журнал для iPad для университетского проекта в виде веб-сайта, чтобы продемонстрировать некоторые функциональные возможности моего предложенного дизайна (реальное приложение, конечно, будет родной iOS)

Я посмотрел на некоторые фреймворки, такие как Sencha, которые кажутся излишними для того, что я хочу, и, кажется, хотят делать все внутри JavaScript вместо того, чтобы сохранять это в HTML / CSS, а затем добавлять взаимодействия сверху.Я также посмотрел на jQuery UI iPad, который кажется наиболее многообещающим, но я мог бы помочь с его помощью.Вот демонстрация того, как это работает: http://jsfiddle.net/blackdynamo/yxhzU/

Вот пример страницы для моих страниц: http://driz.co.uk/ipad/

Мне нужна помощь, чтобы заставить DIVS сидеть рядом друг с другомв строках, а затем добавьте взаимодействие, в результате которого, когда пользователь проводит пальцем влево, вправо и вверх и вниз, он будет перемещаться между различными DIVS, как если бы они были страницами / разделами журнала.

Вот изображениеэто показывает, как в идеале должна быть организована DIVS, чтобы пользователь мог перемещаться между разделами, идущими влево и вправо, а затем прокручивать внутри этого раздела, прокручивая вверх и вниз.http://driz.co.uk/ipad/plan.png

Может кто-нибудь помочь мне заставить это работать?СПАСИБО НАГРУЗКИ!

1 Ответ

0 голосов
/ 05 февраля 2011 
@media only screen and (device-width: 768px) {
  /* For general iPad layouts */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For portrait layouts only */
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For landscape layouts only */
}

Я не совсем уверен с divs, извините.Надеюсь, это поможет.

...