javascript - Wie implementiert man eine Animation mit variabler Höhe?

Question

Wie implementiert man eine Animation mit einer variablen Höhe von p? Wenn ein p beispielsweise display: none hat, wird diese beim Klicken auf eine Schaltfläche angezeigt und die Höhe ändert sich allmählich von 0 auf die maximale Höhe des p . Die Antwort von Google ist die Verwendung von max-heigth. Wenn die Einstellung für max-height jedoch unangemessen ist (entweder zu groß oder zu klein), wird die Animation unnatürlich.

Answer 1

最简单的方法就是用 JQ 的 slideUp 和 slideDown 方法.
下面是我用原生写的 demo .
https://jsfiddle.net/11wrgm7b/