私のウェブサイトでは、メニューが開くときにアニメーション化したいと思っています。私はメニューである<div>
のmax-height
を変更して(そしてまたdisplay
を変更して)それを行います。max-heightがnoneに変更されたときのアニメーションの高さ
max-height
が4em
からnone
に変更されました。 以前はnone
の代わりに500px
に変更されていましたが、アニメーションは機能しましたが、none
では機能しません。
私は間違っていますか?
私のウェブサイトでは、メニューが開くときにアニメーション化したいと思っています。私はメニューである<div>
のmax-height
を変更して(そしてまたdisplay
を変更して)それを行います。max-heightがnoneに変更されたときのアニメーションの高さ
max-height
が4em
からnone
に変更されました。 以前はnone
の代わりに500px
に変更されていましたが、アニメーションは機能しましたが、none
では機能しません。
私は間違っていますか?
いずれも最大高さに対して有効ではありません。私はそれを0に変更します。
私が望むのは、ボタンをクリックしてメニューを開くと、すべてのコンテンツを表示するのに必要な高さを得ることができるはずなので、最大の高さの上限を取り除きたいということです。 0に設定すると、高さがまったくないことを意味します。 – Alexander
**いくつかの事柄** ** 1)実際のコードを投稿しないと、あなたは確かにダウン投票します。 2)@Reubenのような有効な最大高さプロパティはありません。 3)CSS表示プロパティはアニメーション化できません。これを行うためのよりよい方法は、可視性である可能性があります(https://stackoverflow.com/questions/3331353/transitions-on-the-display-property) – kauffee000
私は実際のコードを投稿しました。質問の末尾にあります。また、私はdisplayプロパティをアニメートしようとしていない、私は 'max-height'をアニメーション化しようとしています。そして、 'max-height'を' none'ではなく '500px'に設定すると、アニメーションが動作しましたが、私が今やりたいことは、コンテンツの必要な高さになるようにその制限を完全に削除することです。 'max-height'が設定されていないとします。 – Alexander
あなたのコードを投稿してください。 – kauffee000
@ kauffee000質問の一番下にある«ここは私のウェブサイトです» - リンクです。 – Alexander