溢出:隐藏,不使用正向平移

2022-09-06 00:00:00 overflow css hidden css-transforms

我最近在overflow: hidden;中遇到了一件奇怪的事情。我把它设置为一个元素,然后我想用translate()转换其中的元素,当它向负方向平移时,它将被隐藏,但如果我向正方向平移,它将不会被隐藏。在桌面浏览器中,它不会真正显示出来,但你只需一点鼠标工作就可以到达它。而在手机上,它只是卷轴,所以这是最糟糕的。

这里有一个展示它的例子:http://cssizer.com/KLHlPShW


解决方案

所以我一整天都在处理类似的东西,并意识到虽然我

html, body {overflow:hidden; }

...如果我将position:absoluteposition:relativeposition:fixed添加到html和正文中,则会修复该问题。

相关文章