当前位置：文江博客话题详情

在 iPhone Mobile Safari 中单指滚动查看内部内容（div/iframe）

发布于 2024-11-05 11:49:30 字数 216 浏览 1 评论 0原文

子：iPhone 移动 safari Web 应用程序

即使用户滚动，我也需要保持网页的某些部分可见。 CSS 属性position:fixed 无法按预期工作。使用溢出：自动属性或需要两指滚动，这不是我想要的。

有没有办法使用 javascript 或 iphone safari Touch API（touchMove 事件）在内部“div”或“iframes”内容上提供单指滚动？

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

醉南桥 2024-11-12 11:49:31

在 CSS 中（适用于 iOS 5）：

-webkit-overflow-scrolling: touch;

In CSS (for iOS 5):

-webkit-overflow-scrolling: touch;

回复收藏 0 原文

任性一次 2024-11-12 11:49:31

本质上这是不可能的，无论是使用 div 还是 iframe，因此必须通过 javascript 监听触摸事件来解决。我正在为一个项目研究同样的问题，目前我发现了几个可以解决这个问题的 javascript 库。

我现在正在研究这个问题，但还没有做出承诺。

http://cubiq.org/iscroll-4

Three20 名人 Joe Hewitt 最近开始开发解决方案这也是如此，但他确实处于开发过程的早期，而另一个人已经存在了几年了。

http://joehewitt.github.com/scrollability/

回复收藏 0 原文

酒废 2024-11-12 11:49:31

你可以只用一根手指，但你必须提供内部DIV的style.height

<div id="container-div" style="overflow:hidden">
   <div id="inner-div" style="overflow-y:auto; height:1024px"> 
   <!-- IMPORTANT!! you must specify the height of the inner div to make it scrollable -->

You can use just One finger, but you have to provide style.height of the inner DIV

<div id="container-div" style="overflow:hidden">
   <div id="inner-div" style="overflow-y:auto; height:1024px"> 
   <!-- IMPORTANT!! you must specify the height of the inner div to make it scrollable -->

回复收藏 0 原文

~没有更多了~