2017-11-16 12 views
-2

私のウェブサイトでは、メニューが開くときにアニメーション化したいと思っています。私はメニューである<div>max-heightを変更して(そしてまたdisplayを変更して)それを行います。max-heightがnoneに変更されたときのアニメーションの高さ

max-height4emからnoneに変更されました。 以前はnoneの代わりに500pxに変更されていましたが、アニメーションは機能しましたが、noneでは機能しません。

私は間違っていますか?

Here is my website

+0

あなたのコードを投稿してください。 – kauffee000

+0

@ kauffee000質問の一番下にある«ここは私のウェブサイトです» - リンクです。 – Alexander

答えて

-1

いずれも最大高さに対して有効ではありません。私はそれを0に変更します。

+0

私が望むのは、ボタンをクリックしてメニューを開くと、すべてのコンテンツを表示するのに必要な高さを得ることができるはずなので、最大の高さの上限を取り除きたいということです。 0に設定すると、高さがまったくないことを意味します。 – Alexander

+1

**いくつかの事柄** ** 1)実際のコードを投稿しないと、あなたは確かにダウン投票します。 2)@Reubenのような有効な最大高さプロパティはありません。 3)CSS表示プロパティはアニメーション化できません。これを行うためのよりよい方法は、可視性である可能性があります(https://stackoverflow.com/questions/3331353/transitions-on-the-display-property) – kauffee000

+0

私は実際のコードを投稿しました。質問の末尾にあります。また、私はdisplayプロパティをアニメートしようとしていない、私は 'max-height'をアニメーション化しようとしています。そして、 'max-height'を' none'ではなく '500px'に設定すると、アニメーションが動作しましたが、私が今やりたいことは、コンテンツの必要な高さになるようにその制限を完全に削除することです。 'max-height'が設定されていないとします。 – Alexander

関連する問題