javascript - jqGrid - Safari Mobile 上缺少滚动条

Question

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

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

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

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

在 Scrollbar missing on Safari Mobile 下的 jqGrid 论坛上有对这个问题的讨论。 , 但没有分辨率。

Answer 1

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

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