javascript - iPad 底部 :0px issue

标签 javascript jquery css ipad jquery-mobile

我正在制作 testing webapp using jQuery mobile在 iPad 上,有些事情并不像我预期的那样。

.ui-footer-fixed {
    bottom: 0;
}

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

up enter image description here

此外,除此之外,是否可以使标题 top: 0px 而不使整个页面上升?谢谢。

最佳答案

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

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

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

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

关于javascript - iPad 底部 :0px issue,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12792093/

相关文章:

jquery 第 n 个子点击

javascript - 代码在 JSfiddle 中有效,但在(Google Chrome)浏览器中无效 - 如何以正确的顺序将元素添加到 DOM

ios - 媒体查询在 iOS 10 中不起作用

css - 垂直对齐 Bootstrap anchor (按钮)中的文本

javascript - 获取两个日期之间的日期返回指定日期范围之外的错误日期

javascript - 如何在放大时显示全文并在缩小时 chop 它

javascript - 停用文本选择并在 Firefox 40 中使用 select 元素

javascript - 正则表达式验证字符串是否包含超过特殊计数的特殊字符

javascript - jQuery 优化代码模式

jquery - 固定覆盖 - scrolltop 不解决 div