html5中的ipad滚动条

时间:2011-10-18 05:26:14

标签: ipad html5 scroll overflow

我是ipad HTML5开发的新手。我正在使用HTML5创建我的第一个ipad应用程序。除了我遇到一个问题外,一切都已完成。问题描述是。

有一个垂直溢出的div。这个页面在计算机的浏览器中正确查看,但是当在ipad中查看同一页面时,溢出的部分被截止,并且看起来没有溢出的内容。

请让我知道正确的做法。

4 个答案:

答案 0 :(得分:3)

在iPad上,可滚动的div使用overflow滚动条不会出现在该div上。滚动的唯一方法是使用双指滑动。

Joe说Scrollability还没有准备好使用,所以我不会在生产系统中实现它。

要做到这一点,您还有其他选择,例如: http://cubiq.org/scrolling-div-on-iphone-ipod-touch

答案 1 :(得分:1)

您希望在HTML5应用程序中在iPad上进行原生式滚动吗?您可能想要查看Joe Hewitt的一个名为Scrollability的项目:http://joehewitt.github.com/scrollability/

答案 2 :(得分:1)

查看https://github.com/appmobi/aux_web(aUX_webScroll)。我是作者,如果您有任何问题,请告诉我。

iOS5具有允许在div上滚动的新属性,但是你会发现当你在webview中使用它时,整个webview也会移动而且令人惊讶,不是每个人都升级操作系统。

答案 3 :(得分:1)

我写了一篇关于iOS 5中新功能的文章。此主题在-webkit-overflow-scrolling:http://samuli.hakoniemi.net/ios-5-and-new-features-for-web-developers/#webkit-overflow-scrolling

部分也有介绍。