jqGrid - Safari Mobile上缺少滚动条

时间:2010-06-30 15:37:02

标签: javascript jquery jqgrid

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

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

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

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

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

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:0)

与UI线索一样,您也可以将jqgrid设置为根据行自动调整高度。尝试身高:'自动'。有关详情,请参阅jqgrid docs