jqGrid - Safari Mobile上缺少滚动条 [英] jqGrid - Scrollbar missing on Safari Mobile

问题描述

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

For the most part, jqGrid works great under "Safari Mobile" on the iPad and iPod Touch. However, I noticed that on these devices a jqGrid will not display a scrollbar if there are more items in the grid than can be displayed on the page.

您可以用两根手指滚动浏览内容，但由于未显示滚动条，因此无法向用户显示有更多内容可用。所以他们甚至不知道他们需要滚动。没关系，很多移动用户都不会知道你可以做双指滚动。

You can scroll with two fingers to flip through the content, however since the scrollbar is not displayed there is no indication to the user that more content is available. So they might not even know that they need to scroll. Nevermind the fact that many mobile users will not know you can do the "two finger scroll".

我想我的问题有两部分 -

I suppose there are two parts to my question -

• 首先，是否有人有办法展示滚动条？


• 如果没有，有人会想到一个好的UI提示来提醒用户他们需要滚动到更多数据吗？

在 Safari Mobile上缺少滚动条，但没有解析。

推荐答案

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

I've encountered this problem with the iPad before, and I bet it's the same case with the iPod Touch. Mobile Safari does not allow inner page divs to have their own scroll bar, even if there is overflow. The worst thing is that even though the CSS on your page may specifically demand that the div show a scroll bar, mobile Safari removes it anyway.

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

The bigger issue is figuring out a good UI pattern to demonstrate that your div can be scrolled. Maybe it's enough to show that some of the data is cut off? You might also try to look into some solutions for creating a javascript-enabled scroll bar on the page.

这篇关于jqGrid - Safari Mobile上缺少滚动条的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！