位置Opera移动一个div关闭屏幕（溢出：隐藏不工作）

我工作的自适应网页布局与定位关闭屏幕菜单 - 基本上我用下面的代码：位置Opera移动一个div关闭屏幕（溢出：隐藏不工作）

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移动（12.10 Android上4.1.2）定位在div关屏，但允许滚动 - 显然忽略了overflow:hidden规则。

Demo page

我的问题：

任何想法如何，我可以让Opera移动隐藏DIV &禁用水平滚动？

来源

2013-03-27 ptriek

您是否定义了[视口]（https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag）？ – HerrSerker 2013-03-27 11:56:04

视口设置为'width = device-width;初始规模= 1.0;最大规模= 1.0; user-scalable = 0;' – ptriek 2013-03-27 12:19:28

感谢您指向“视口” - 我用过;作为分隔者而不是现场实例。这已经解决了我的问题的第二部分（演示和实例之间的区别） – ptriek 2013-03-27 12:28:59

试试这个：

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

未经测试。

来源

2013-03-27 11:37:33 Damonsson

位置Opera移动一个div关闭屏幕（溢出：隐藏不工作）

回答

相关问题