jqGrid – Safari Mobile上缺少滚动条

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

您可以用两个手指滚动来翻阅内容,但是由于未显示滚动条,因此没有向用户显示更多内容可用。 所以他们甚至不知道他们需要滚动。 没关系许多移动用户不知道你可以做“双指滚动”的事实。

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

  • 首先,有没有人有办法展示滚动条?
  • 如果没有,任何人都可以想到一个良好的UI提示,提醒用户他们需要“滚动”到更多数据吗?

在Safari Mobile上丢失的Scrollbar下的jqGrid论坛上讨论了这个问题,但没有解决方案。

之前我曾经遇到过iPad的这个问题,我敢打赌它与iPod Touch的情况相同。 即使有溢出,Mobile Safari也不允许内页div具有自己的滚动条。 最糟糕的是,即使您的页面上的CSS可能特别要求div显示滚动条,移动Safari仍然会删除它。

更大的问题是找出一个好的UI模式来certificate你的div可以滚动。 也许这足以certificate某些数据被切断了? 您也可以尝试查看一些解决方案,以便在页面上创建启用了javascript的滚动条。

与UI线索一样,您也可以将jqgrid设置为根据行自动调整高度。 尝试身高:’自动’。 有关更多信息,请参阅jqgrid文档 。