0

画面外に配置されたメニューを使用して、レスポンシブ Web レイアウトに取り組んでいます。基本的には、次のコードを使用しています。

CSS:

body {
    overflow:hidden;
}
.offscreen {
    background:#F00;
    height:100px;
    position:absolute;
    right:-90px;
    top:100px;
    width:100px;
}

HTML:

<body>
    <div class="offscreen">
    </div>
</body>

デモはここにあります。

問題: Opera Mobile (Android 4.1.2 の 12.10) は div を画面外に配置しますが、スクロールは許可します - どうやらoverflow:hiddenルールを無視しているようです。

デモページ

私の質問：

  • Opera Mobile で div を非表示にして水平スクロールを無効にする方法はありますか?
4

1 に答える 1

0

これを試して：

overflow:hidden; 
overflow-y:hidden; 
overflow-x:hidden;

未検証。

于 2013-03-27T11:37:33.553 に答える