iPad底部:0px问题

Posted

技术标签:

【中文标题】iPad底部:0px问题【英文标题】:iPad bottom:0px issue 【发布时间】:2012-10-09 02:31:38 【问题描述】:

我在 iPad 上制作了一个testing webapp using jQuery mobile,但事情并没有像我预期的那样发展。

.ui-footer-fixed 
    bottom: 0;

这应该使footer 始终处于底部,但 Safari 决定不同意它。当你到达页面底部时,你可以拉起整个网页,这是我不想要的。是否可以修复它或者它是 web 应用程序的限制?

另外,除此之外,是否可以在不使整个页面上升的情况下制作标题top: 0px?谢谢。

【问题讨论】:

【参考方案1】:

要修复页眉或页脚,您应该使用属性data-position="fixed"

查看在线文档了解更多信息:http://jquerymobile.com/demos/1.2.0/docs/toolbars/bars-fixed.html

我认为您遇到的问题与 iPad 的集成 webview 有关。如果您正在开发一个简单的 web 应用程序,则无法避免这种“webview 反弹”。

但是,您可以查看以下解决方法:Disable vertical bounce effect in an ipad web app

【讨论】:

谢谢。对于“禁用垂直反弹”问题,是否可以使用<body>作为固定容器? 好的,我尝试了所有方法,也搜索了一段时间,没有一个解决方案有效。所以我猜想摆脱反弹效果是不可能的?

以上是关于iPad底部:0px问题的主要内容,如果未能解决你的问题,请参考以下文章

纵向启动问题的 iPad 方向(底部主页按钮)

iPad屏幕底部的间隙

修复 iPad 底部 iframe 内的 div

iOS Storyboard 中视图的底部条不显示在 iPad 上

iPad从底部弹出视图幻灯片

底部工具栏显示在 iPhone 但不是 iPad