与3D隐藏元素转换

Question

而是隐藏或显示一个div在使用display:none和display:block的， 我决定用CSS 转换这个任务，因为它工作在的iOS/Android的Web应用程序更快，更流畅。

基本上我使用transform: translate(0px,0px)显示一个div和通过transform:translate(100000px,100000px)

现在这个工程预期在iPhone上，但在iPad（或台式机），它不能正常工作隐藏它。我得到一个巨大的垂直滚动条（由于翻译可能）和overflow:hidden似乎也没有帮助。任何想法赞赏。你们是如何实现这个翻译为隐藏元素的解决方案？

Answer 1

你可以通过简单地插入一个-来解决这个问题。

而是执行此操作：

transform:translate(-100000px,-100000px); /*Both negative values*/ 

这样一来，你把它“倒退”的页面，滚动条不会显示，但它依然存在。它与当前的方法完全相同，但只是朝不同的方向发展并阻止滚动条。