如何在用户滚动页面时保持 safari 工具栏和地址栏显示?

问题描述 投票:0回答:2

我使用 JQM 制作我的移动网站。如果我滚动页面,底部的工具栏将被隐藏。如何保持它始终显示。

我使用IOS版本7.0 JQM 1.3.2

ios7 safari mobile-safari
2个回答
4
投票

我很好奇 - 为什么你总是希望显示工具栏和地址栏?

这是一个演示一种方法的小提琴外壳:http://fiddle.jshell.net/W93KY/show/

HTML 和 CSS 看起来像:

html, body {
    height: 100%;
    overflow: hidden;
}

#Body {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

<html>
    <body>
        <div id='Body'>
            Page content
        </div>
    </body>
</html>

(完整小提琴查看代码:http://jsfiddle.net/W93KY/


0
投票

谢谢兄弟!!!这对我有用。

© www.soinside.com 2019 - 2024. All rights reserved.