Панель администратора веб-сайта с поддержкой iPad

#ipad #cross-browser #scroll

#iPad #кроссбраузерный #прокрутка

Вопрос:

Мы создаем панель администратора для управления бронированиями и платежами. Я хотел бы использовать стиль Apple Mail на iPad, поскольку он чистый, простой и удобный для пользователя. Мы вполне способны создать ее, но остается вопрос о прокручиваемом контенте.

Создайте изображение страницы клиента. Мы бы хотели, чтобы список клиентов отображался слева, а справа нажимался контент для загрузки. На iPad mail эти две колонки прокручиваются независимо. Пока для достижения этого на наших собственных страницах я нашел лишь несколько неадекватных решений.

1.) Переполнение содержимого и прокрутка двумя пальцами

 - no scrollbars
- not particularly user friendly
  

2.) Библиотеки JS, такие как iScroll

 - over complex and  lacing in cross browser compatibility.
  

Таким образом, любые другие простые идеи о том, как это сделать. Достигнет ли этой цели старый добрый набор фреймов?

Комментарии:

1. Есть (несвободный) плагин WordPress, который позволяет делать то, что вы хотите (WPtouch Pro), но я еще не разобрался, как они это делают!

2. @hood Мы уже создали ее, но спасибо вам за вашу помощь

Ответ №1:

Что не так с двумя разделами с overflow: auto; ?

Комментарии:

1. Как я уже сказал в вопросе. Ужасная практическая прокрутка двумя пальцами и отсутствие полос прокрутки

2. Если вы добавите функцию автоматического переполнения и содержимое вашего div будет длиннее, чем сам ваш div, это приведет к появлению полос прокрутки. Что вы имеете в виду под «прокруткой в 2 пальца».

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