溢出:隐藏,不使用正向平移
我最近在overflow: hidden;
中遇到了一件奇怪的事情。我把它设置为一个元素,然后我想用translate()
转换其中的元素,当它向负方向平移时,它将被隐藏,但如果我向正方向平移,它将不会被隐藏。在桌面浏览器中,它不会真正显示出来,但你只需一点鼠标工作就可以到达它。而在手机上,它只是卷轴,所以这是最糟糕的。
这里有一个展示它的例子:http://cssizer.com/KLHlPShW
解决方案
所以我一整天都在处理类似的东西,并意识到虽然我
html, body {overflow:hidden; }
...如果我将position:absolute
、position:relative
或position:fixed
添加到html和正文中,则会修复该问题。
相关文章