Question

我正在使用响应式网页布局，其菜单位于屏幕外 - 基本上我使用以下代码：

CSS：

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

HTML：

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

可以找到演示here。

问题： Opera Mobile（Android 4.1.2上的12.10）将div设置为关闭屏幕，但允许滚动 - 显然它忽略了overflow:hidden规则。

Demo page

我的问题：

任何想法如何让Opera Mobile隐藏div＆amp;禁用水平滚动？

Answer 1

试试这个：

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

未经测试。

在Opera Mobile中设置一个div屏幕（溢出：隐藏不起作用）

1 个答案: