我正在开发一个响应式 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 并禁用水平滚动吗?