jqGrid - Barra di scorrimento che manca su Safari Mobile

Question

Per la maggior parte, jqGrid grandi opere in "Safari Mobile" su iPad e iPod Touch. Tuttavia, ho notato che su questi dispositivi un jqGrid sarà non visualizzare una barra di scorrimento, se ci sono più elementi nella griglia che può essere visualizzato sulla pagina.

si può scorrere con due dita per sfogliare il contenuto, ma dal momento che la barra di scorrimento non viene visualizzato non esiste alcuna indicazione per l'utente che più contenuto è disponibile. Quindi potrebbero non sapere nemmeno che hanno bisogno di scorrere. Non importa che molti utenti di dispositivi mobili non sappiano che puoi fare lo "scroll con due dita".

Suppongo che ci sono due parti per la mia domanda -

• In primo luogo, qualcuno ha un work-around per visualizzare la barra scrolll?
• In caso contrario, qualcuno può pensare ad una buona interfaccia utente spunto per avvertire l'utente del fatto che non v'è più di dati che hanno bisogno di "scorrere" per?

C'è una discussione di questo problema sui forum jqGrid sotto Scrollbar missing on Safari Mobile, ma nessuna risoluzione.

Answer 1

che ho incontrato questo problema con l'iPad prima, e scommetto che è lo stesso caso con l'iPod Touch. Safari mobile non consente alle div di pagina interna di avere la propria barra di scorrimento, anche se c'è un overflow. La cosa peggiore è che, anche se il CSS sulla tua pagina può specificatamente richiedere che il div mostrano una barra di scorrimento, Safari mobile rimuove comunque.

Il problema più grande è capire un buon modello dell'interfaccia utente per dimostrare che è possibile scorrere il div. Forse è sufficiente mostrare che alcuni dati sono tagliati? Potresti anche provare a cercare alcune soluzioni per la creazione di una barra di scorrimento abilitata per javascript nella pagina.

Answer 2

Come indizio di interfaccia utente, è anche possibile impostare jqgrid per regolare automaticamente l'altezza in base alle righe. Prova altezza: 'auto'. Per ulteriori informazioni, consultare jqgrid docs.