jqGrid - Safari Mobile 上缺少滚动条

Question

在大多数情况下，jqGrid 在 iPad 和 iPod Touch 上的“Safari Mobile”下运行良好。但是，我注意到在这些设备上，如果网格中的项目多于页面上可以显示的项目，jqGrid 将不显示滚动条。

您可以用两根手指滚动来翻阅内容，但是由于不显示滚动条，因此不会向用户表明还有更多内容可用。所以他们甚至可能不知道他们需要滚动。没关系，许多移动用户不知道您可以进行“两指滚动”。

我想我的问题有两个部分 -

• 首先，有没有人有解决方法来显示滚动条？
• 如果没有，谁能想到一个好的 UI 提示来提醒用户他们需要“滚动”到更多数据这一事实？

jqGrid 论坛Scrollbar missing on Safari Mobile 下对此问题进行了讨论，但没有解决。

Answer 1

我以前在 iPad 上遇到过这个问题，我敢打赌 iPod Touch 也是这样。 Mobile Safari 不允许内页 div 有自己的滚动条，即使有溢出。最糟糕的是，即使您页面上的 CSS 可能特别要求 div 显示滚动条，移动版 Safari 还是会删除它。

更大的问题是找出一个好的 UI 模式来证明您的 div 可以滚动。也许这足以表明一些数据被切断了？您也可以尝试研究一些在页面上创建启用 javascript 的滚动条的解决方案。

Answer 2

作为 UI 线索，您还可以将 jqgrid 设置为根据行自动调整高度。尝试高度：'auto'。更多信息请参考jqgrid docs。