顯示的替代方法：不使用CSS和Javascript

Question

我需要保持div處於隱藏狀態，並在用戶執行操作時使其可見。

但是，由於對外部腳本的依賴性，我無法為我的div使用style="display:none" 。

因此，為了滿足要求，我正在考慮為我的div使用style="visibility:hidden,height:0" ，並且當用戶執行操作時，通過將樣式更改為"visibility:visible,height:auto"使用jquery使它可見"visibility:visible,height:auto"我已經測試和做工精細。

我在計算機和手機中使用的方法是否存在問題？ 是否有任何瀏覽器阻止高度為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)