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 回答