在开发一个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相关问答推荐

此css Select 器的总体特性是什么?按钮:不是(#mainBtn,.cta)

如何在点击时停止动画并将其返回到第一帧?

Astro网站在使用Astro Build构建后无法正常工作

如何使背景出现在具有自己背景 colored颜色 的子元素上

是否可以在元素之间对齐渐变?

使用 CSS 关键帧动画更改内容

如何在使用 bslib 5 的shiny 应用程序中使用样式参数排列 ui 元素

CSS 字符串变量的正确null值是多少?

如何根据 CSS 变量内容做一些事情?

如何在 CSS 中更改 ::marker SVG colored颜色 ?

当我在几个月之间更改时,有什么方法可以在react-dates-range上添加淡入淡出或幻灯片效果?

Rails 7引擎如何使未编译的样式表可用于托管应用程序?

ID 在整个页面中必须是唯一的吗?

如何在没有填充区域的情况下背景化 div

如何在 html/css 中的图像旁边垂直居中文本?

将文本放在 div 的底部

矩形图像的 CSS 圆形裁剪

使用 inline-block 换行?

css 中的 clearfix 类有什么作用?

CSS 中的星号属性是什么意思?