在开发一个iPad网站时,我曾try 使用CSS属性overflow: auto来获取div中所需的滚动条,但我的设备拒绝显示它们,即使两个手指滚动正常.

我试着用

overflow: auto;

overflow: scroll;

和 the result is the same.

我只在iPad上测试(在桌面浏览器上运行良好).

有什么主意吗?

推荐答案

Edit以下是kritzikratzi人留下的 comments :

[从iOS5beta开始]可以添加一个新的属性-webkit-overflow-scrolling: touch,这应该会导致预期的行为.

一些,但很少有进一步的阅读:


Original answer,留给子孙后代.

不幸的是,无论是overflow: auto还是scroll,都不会在iOS设备上产生滚动条,显然是因为屏幕宽度会占用如此有用的机制.

取而代之的是,正如你已经发现的,用户需要用两个手指滑动才能滚动overflow页的内容.唯一的参考,因为我找不到手机本身的手册,我能找到的是这里:tuaw.com: iPhone overflow: Two-fingered scrolling.

我能想到的唯一解决办法是,如果你能使用一些JavaScript,或者jQTouch,为overflow个元素创建你自己的滚动条.或者,你可以用@media queries删除overflow并完整显示内容,作为iPhone用户,这会得到我的投票,如果只是为了简单起见.例如:

<link rel="stylesheet" href="handheld.css" media="only screen and (max-device width:480px)" />

前面的代码来自A List Apart,来自与上面链接的同一篇文章(我不确定他们为什么离开type="text/css",但我认为这是有原因的).

Css相关问答推荐

当面板以Angular 上升时如何定位下拉面板

设置ScaleImageButton的样式

如何将此 Select 器转换为TailWind类

如何使用遮罩创建手绘SVG动画

如何使2个元素的宽度相同?

如何将 div 和 img 包装在 display:flex 容器中

包含 N 个 React 组件的砌体网格

CSS 布局:使一列依赖于另一列

CSS Slanding Div 边缘在图像上

从 Angular SCSS 生成 CSS?

预期失败时使用toHaveStyle进行测试

CSS动画恢复默认

如何根据其中的内容自动调整

创建 CSS 全局变量:样式表主题管理

使用 Bootstrap 设置身体的最大宽度

CSS - 在 id 中 Select 类的语法

使用自定义 CSS 在 WebView 中呈现 HTML

如何知道哪个 HTML 元素导致了垂直滚动条

CSS3可以转换字体大小吗?

Rails 中正确的 SCSS assets资源 struct