検索

ホームページ  >  に質問  >  本文

JavaScript - 高さ可変アニメーションを実装するにはどうすればよいですか?

p の高さが可変のアニメーションを実装するにはどうすればよいですか? たとえば、p が display:none の場合、ボタンをクリックするとボタンが表示され、高さは 0 からその最大高さまで徐々に変化します。 p. Googleの答えはmax-heightを使うというものですが、max-heightの設定が無理(大きすぎたり小さすぎたり)だとアニメーションが不自然になってしまいます。

我想大声告诉你我想大声告诉你2785日前883

全員に返信(1)返信します

  • 学习ing

    学习ing2017-06-26 10:58:12

    最も簡単な方法は、JQ の slideUp メソッドと slideDown メソッドを使用することです。
    以下は、私がネイティブで作成したデモです。
    https://jsfiddle.net/11wrgm7b/

    返事
    0
  • キャンセル返事