您的位置：首页技术文章
文章详情页

javascript - 不定高度动画怎么实现？

浏览：262日期：2023-05-22 09:37:55

问题描述

怎么实现一个p不定高度的变化的动画?例如一个p先是display：none的，点击一个按钮时，使其显示出来，并且高度从0开始逐渐变化动p的最大高度。google得到的答案是使用max-heigth,然而如果max-height设置不合理（大了或者小了的话）都会使动画不自然。

问题解答

回答1：

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

标签： JavaScript
上一条：javascript - 使用Vue2 v-html指令，可以渲染带`script`的富文本吗？下一条：javascript - swiperjs 在移动端 又手指滑动 会顿卡 ，怎么解决呢
相关文章：
1. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？2. docker容器呢SSH为什么连不通呢？3. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~4. docker网络端口映射，没有方便点的操作方法么？5. Docker for Mac 创建的dnsmasq容器连不上/不工作的问题6. docker api 开发的端口怎么获取？7. Hbuilder中的phpMyAdmin访问题8. docker gitlab 如何git clone？9. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？10. docker start -a dockername 老是卡住，什么情况？
排行榜
Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
Docker for Mac 创建的dnsmasq容器连不上/不工作的问题
1. docker容器呢SSH为什么连不通呢？
2. docker api 开发的端口怎么获取？
3. docker网络端口映射，没有方便点的操作方法么？
4. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
5. 前端 - 类到底该如何去命名 .newsList 这种的命名难道真的不是过度语义化吗？~
6. spring-mvc - spring-session-redis HttpSessionListener失效
7. docker start -a dockername 老是卡住，什么情况？
8. docker gitlab 如何git clone？
9. 请问“由于 Cookie “PHPSESSID”的“SameSite”属性设置为“None”，但缺少“Secure”属性，此 Cookie 未来将被拒绝。”请问出现这个问题怎么办？
10. Hbuilder中的phpMyAdmin访问题
热门标签