显示的替代方法：none使用CSS和Javascript

Question

我需要隐藏div，并在用户执行操作时使其可见。

但是，由于依赖于外部脚本，我不能将style="display:none"用于我的div。

因此，为了满足要求，我正在考虑将style="visibility:hidden,height:0"用于我的div，当用户执行操作时，通过将样式更改为我已测试的"visibility:visible,height:auto"并使用jquery使其可见工作正常。

我在电脑和手机上使用的方法有什么问题吗？是否有任何浏览器阻止高度为0的div上的内容？

我在这个论坛上看到一些帖子建议使用“position：absolute”和高度变化来达到这个目的。那么，是否需要将div更改为绝对或我更改可见性和高度的方法是否正常？

Answer 1

您可以通过添加CSS类将元素移动到可见范围之外：

.custom-hidden {
    position: absolute;
    top: -5000px; //use !important if needed
}

Answer 2

您的解决方案是合适的，否则您仍然可以尝试

1) opacity: 0;

2) position: absolute;
   left: -9000px;

3) transform: scale(0)