如何在用戶滾動頁面時保持Safari瀏覽器工具欄和地址欄的顯示？

我用JQM做我的手機網站。如果我滾動頁面，底部的工具欄將被隱藏。如何保持它始終顯示。如何在用戶滾動頁面時保持Safari瀏覽器工具欄和地址欄的顯示？

我用的IOS版本7.0 JQM 1.3.2

2014-05-15 jojoL

@Gajotres謝謝您的修改 – jojoL

我很好奇 - 爲什麼你總是要顯示的工具欄和地址欄？

這裏有一個小提琴外殼展示的一種方法：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/）

來源

2014-05-17 20:43:16 Jack

我測試它，它運作良好。謝謝你的答覆。爲什麼我問這個問題。因爲我遇到了這個問題http://stackoverflow.com/questions/23600402/。我嘗試使用「minimal-ui」來保持全屏模式。但它支持iOS7.1。所以我想禁用全屏並保持工具欄顯示。 – jojoL

如何在用戶滾動頁面時保持Safari瀏覽器工具欄和地址欄的顯示？

回答

相關問題