css - 溢出:隐藏不在正方向进行翻译

Question

最近我遇到了一件奇怪的事情，overflow: hidden;。我把它设置为一个元素，然后我想用translate()对里面的元素进行变换，当它向负方向平移时它会被隐藏，但是如果我向正方向平移，它不会被隐藏。在桌面浏览器中，它并没有真正显示出来，但是您可以通过一些鼠标操作来访问它。在移动设备上，它只是滚动，所以这是最糟糕的。

这是一个例子:http://cssizer.com/KLHlPShW

Answer 1

所以我整天都在做类似的事情，并意识到当我有

html, body {溢出:隐藏;

...如果我将 position:absolute、position:relative 或 position:fixed 添加到 html 和正文中，它会修复问题。