jqGrid - Barra de desplazamiento faltante en Safari Mobile

Question

En su mayor parte, jqGrid funciona muy bien en "Safari Mobile" en el iPad y iPod Touch. Sin embargo, noté que en estos dispositivos una jqGrid mostrará no una barra de desplazamiento si hay más elementos en la cuadrícula de los que se pueden mostrar en la página.

Puede desplazarse con dos dedos para hojear el contenido; sin embargo, dado que no se visualiza la barra de desplazamiento, no hay indicación para el usuario de que hay más contenido disponible. Por lo que es posible que ni siquiera sepan que necesitan desplazarse. No importa el hecho de que muchos usuarios móviles no sabrán que puede hacer el "desplazamiento de dos dedos".

supongo que hay dos partes a mi pregunta -

• En primer lugar, ¿alguien tiene una solución alternativa para mostrar la barra scrolll?
• Si no, ¿alguien puede pensar en una buena señal de IU para alertar a un usuario sobre el hecho de que hay más datos que necesitan para "desplazarse" a?

Hay un debate sobre este tema en los foros de jqGrid bajo Scrollbar missing on Safari Mobile, pero no hay resolución.

Answer 1

He encontrado este problema con el iPad antes, y apuesto a que es el mismo caso con el iPod Touch. Mobile Safari no permite que los divisores de páginas internos tengan su propia barra de desplazamiento, incluso si hay desbordamiento. Lo peor es que, aunque el CSS en su página puede exigir específicamente que el div muestre una barra de desplazamiento, Safari móvil lo elimina de todos modos.

El problema más importante es encontrar un buen patrón de interfaz de usuario para demostrar que su div se puede desplazar. Tal vez es suficiente para mostrar que algunos de los datos están cortados? También puede intentar buscar algunas soluciones para crear una barra de desplazamiento activada por JavaScript en la página.

Answer 2

Como pista de IU, también puede configurar jqgrid para ajustar automáticamente la altura según las filas. Intenta con la altura: 'auto'. Consulte jqgrid docs para obtener más información.