是否有更好的方法来隐藏未使用的DOM元素而不是Clip？

Question

我正在尝试构建一个基于Web页面的单页应用程序，因此整个UI会立即加载到DOM中，但一次只能看到部分内容。

最初我将屏幕元素设置为display:none，但它打破了我想用来显示/隐藏元素的动画/过渡。

我现在正在做的是通过调整不透明度/位置等将元素转移到屏幕之外，一旦它不在视野中，我就会在元素上设置一个类，如下所示：clip: rect(0, 0, 0, 0)以便赢得它不会干扰屏幕上的元素，用户也无法点击它。

这一直运作良好，但我的问题是，是否有更好/更有效的方法来做到这一点？我想我担心速度是否会成为一个问题，因为随着应用程序的增长，越来越多的元素被加载到DOM中。

所以我正在寻找隐藏元素的最有效方法，以便浏览器可以有效地处理屏幕上的元素。

感谢您的任何建议。

Answer 1

你可以visibility: hidden。