jqGrid - отсутствует прокрутка на Safari Mobile

Question

По большей части, jqGrid отлично работает под «Safari Mobile» на iPad и iPod Touch. Тем не менее, я заметил, что на этих устройствах jqGrid будет не отображает полосу прокрутки, если в таблице больше элементов, чем может отображаться на странице.

Вы можете прокручивать двумя пальцами, чтобы перелистывать содержимое, однако, поскольку полоса прокрутки не отображается, пользователю не сообщается о том, что доступно больше контента. Поэтому они могут даже не знать, что им нужно прокручивать. Не забывайте, что многие мобильные пользователи не будут знать, что вы можете выполнить «прокрутку двумя пальцами».

Я предполагаю, что есть две части моего вопроса -

• Во-первых, кто-нибудь есть обходные, чтобы отобразить панель scrolll?
• Если нет, может ли кто-нибудь подумать о хорошем знаке пользовательского интерфейса, чтобы предупредить пользователя о том, что есть больше данных, которые им нужно «прокрутить»?

Существует обсуждение этого вопроса на форумах jqGrid под Scrollbar missing on Safari Mobile, но без разрешения.

Answer 1

Я столкнулся с этой проблемой с iPad раньше, и я уверен, что это тот же случай с iPod Touch. Mobile Safari не позволяет внутренним разделителям страниц иметь собственную полосу прокрутки, даже если есть переполнение. Хуже всего то, что даже если CSS на вашей странице может потребовать, чтобы div показывал полосу прокрутки, мобильный Safari удаляет ее в любом случае.

Большая проблема заключается в разработке хорошего шаблона пользовательского интерфейса, чтобы продемонстрировать, что ваш div можно прокручивать. Может быть, этого достаточно, чтобы показать, что некоторые данные обрезаны? Вы также можете попытаться изучить некоторые решения для создания полосы прокрутки с поддержкой javascript на странице.

Answer 2

Как и пользовательский интерфейс, вы также можете настроить jqgrid для автоматической регулировки высоты по строкам. Попробуйте height: «auto». Обратитесь к jqgrid docs за дополнительной информацией.