2017-02-23 10 views
0

divを非表示にして、ユーザーが操作を実行したときに表示させる必要があります。表示するには、CSSとJavaScriptを使用しないでください。

しかし、外部スクリプトの依存関係のため、style="display:none"を私のdivに使用することはできません。

したがって、私はstyle="visibility:hidden,height:0"を私のdivに使用することを考えています。ユーザがアクションを実行するときには、スタイルをjaを使って表示して、テストしてうまく動作している"visibility:visible,height:auto"に変更してください。

コンピュータや携帯電話で使用する際に私が使用していた方法に問題はありますか?どのブラウザでも、divのコンテンツの高さが0になるのを防ぐかどうか

このフォーラムでは、この目標を達成するために高さの変更とともに「位置:絶対」を使用することを提案しています。それで、divを絶対的なものに変更する必要がありますか、視界を変える私のアプローチと高さは問題ありませんか?

+2

を試すことができます他に、適しています。どれも重要ではない? – Kornflexx

+3

特に '' 'display:none'''を使用できないのはなぜですか?インラインスタイルを使用する代わりにCSSクラスを切り替えることはできますか? – Sean

+0

数学を読み込むためにmathjaxライブラリを使用しているため、display:noneを使用することはできません。このライブラリは適切に読み込むためにコンテナの幅と高さを必要とし、display:noneを指定してdivになると、コンテンツを本体に添付して処理し、元のdivにロードし直します。 https://www.peterkrautzberger.org/0165/ – Kiran

答えて

1

あなたはCSSクラスを追加することによって、可視範囲外で、あなたの要素を移動できます。

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

はい、問題ありません。しかし、私は、私のアプローチで問題があるかどうかを理解しようとしていました – Kiran

0

あなたのソリューションをあなたはまだあなたが「表示を使用しようとしました

1) opacity: 0; 

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

3) transform: scale(0) 
関連する問題