Ios7 当用户滚动页面时，如何保持safari工具栏和地址栏的显示？_Ios7_Safari_Mobile Safari

Ios7 当用户滚动页面时，如何保持safari工具栏和地址栏的显示？

ios7 safari

Ios7 当用户滚动页面时，如何保持safari工具栏和地址栏的显示？,ios7,safari,mobile-safari,Ios7,Safari,Mobile Safari,我使用JQM制作我的移动网站。如果我滚动页面，底部的工具栏将被隐藏。如何使其始终显示我使用的是IOS版本7.0 JQM 1.3.2，我很好奇-为什么您总是希望显示工具栏和地址栏这是一个小提琴壳，演示了一种方法： HTML和CSS看起来像： html, body { height: 100%; overflow: hidden; } #Body { position: absolute; top: 0; left: 0; right: 0;

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

我使用的是IOS版本7.0 JQM 1.3.2，我很好奇-为什么您总是希望显示工具栏和地址栏

这是一个小提琴壳，演示了一种方法：

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>

html，正文{
身高：100%；
溢出：隐藏；
}
#身体{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
溢出：滚动；
-webkit溢出滚动：触摸；
溢出滚动：触摸；
}
页面内容

（完全用小提琴查看代码：）

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

这是一个小提琴壳，演示了一种方法：

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>

html，正文{
身高：100%；
溢出：隐藏；
}
#身体{
位置：绝对位置；
排名：0；
左：0；
右：0；
底部：0；
溢出：滚动；
-webkit溢出滚动：触摸；
溢出滚动：触摸；
}
页面内容

（完整小提琴查看代码：）

@Gajotres感谢您的支持modification@Gajotres谢谢你的修改。我测试了一下，效果很好。谢谢你的回复。为什么我要问这个问题。因为我遇到了这个问题。我尝试使用“最小ui”来保持全屏模式，但它支持iOS7.1。所以我想禁用全屏并保持工具栏显示。我测试了它，它工作得很好。谢谢你的回答。为什么我问这个问题。因为我遇到了这个问题。我尝试使用“最小ui”来保持全屏模式，但它支持iOS7.1。所以我想禁用全屏显示并保持工具栏显示。