溢出:隐藏不能正向翻译

ger*_*ard 14 css hidden overflow css-transforms

我最近遇到了一件奇怪的事overflow: hidden;.我将它设置为一个元素,然后我想要转换它中的元素translate(),当它在负方向上转换时它将被隐藏,但如果我在正方向上转换,它将不会被隐藏.在桌面浏览器中,它并没有真正显示,但你可以通过一些鼠标工作来实现它.在移动设备上它只是滚动,所以这是最糟糕的.

这是一个显示它的示例:http://cssizer.com/KLHlPShW

dal*_*jem 19

所以我整天都在用类似的东西工作,并意识到我有这样的经历

html, body {overflow:hidden; }

...如果我添加position:absolute,position:relative或者position:fixedhtml和正文,它解决了问题.

  • 有意思,我会尝试一下,谢谢.我忘了写这里,但我修复了添加到翻译元素`position:fixed`的问题. (4认同)