

ツールバーやタブバーを利用した場合、ブラウザによっては上下にスクロールできてしまいます。  
HTMLやCSSの記述を工夫することで、位置を完全に固定する方法はあるでしょうか。

OnsenUIの例（iPhoneのSafariで表示すると画面全体がスクロール対象となる）  
<http://s.codepen.io/onsen/fullembedgrid/pGuDL>

SenchTouchの例（iPhoneのSafariで表示しても中央のコンテンツ領域のみがスクロール対象となる）  
<http://cdn.sencha.io/touch/sencha-
touch-2.4.1/examples/kitchensink/#demo/bottom-tabs>


CC BY-SA 3.0
2015-03-13T14:18:56.000
7887
2015-08-21T05:46:12.350
8822
question
onsen-ui
OnsenUIでツールバーやタブバーを固定するには


画面全体の上下スクロールに関してはcomfig.xml内にある

[code]

    <preference name="webviewbounce" value="true">
    
[/code]

のvalueをfalseにすることでバウンドしないようにできます。  
記述がない場合は、

[code]

    <preference name="webviewbounce" value="false">
    
[/code]

を追加すればよいです。


CC BY-SA 3.0
2015-04-23T03:43:27.517
9499
2015-04-23T03:43:27.517
2793
7887
answer