2016-06-02 13 views
1

モバイルデバイスとデスクトップブラウザのSPAでは、iOSのオーバーフロー/ラバーバンドスクロールを避けるため、position: fixed<body>に設定する必要があります。`<body> 'の` position:fixed`は問題がありますか?

position: fixedとなり、<body>の変更は常に問題を引き起こす可能性があります。

私は明確にしたかった理由は次のとおりです。

は子供に(すなわち文脈に、zインデックスコンテキストを積み重ね、静的/相対/絶対/固定位置に注意する既知の問題/警告/ものがあります)/ ...追加時position: fixed<body>

+0

おそらくそれはのように良いだろう。 – Justinas

答えて

1

「位置:固定」は、ブラウザウィンドウに対して配置された「要素」に関連します。 Webページのブラウザのズームは、その影響を受けます。 IE6以下はまたそれと壊れます。 HTMLのためのその後

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

body .element { position:fixed; bottom: 0; } 

::私はいずれかを聞いていない

<body> 
<div class="element"> 
    (everything else inside here) 
</div> 
</body> 
+0

誰かがまだ<= IE6をサポートしていますか? – Justinas

関連する問題