與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*/ 

這樣一來，你把它「倒退」的頁面，滾動條不會顯示，但它依然存在。它與當前的方法完全相同，但只是朝不同的方向發展並阻止滾動條。