当前位置: 首页 > 科技观察

CSS实现超出固定高度后展开折叠按钮出现

时间:2023-03-22 01:44:13 科技观察

在平时的开发中,我们经常会遇到一些需要判断高度的场景。使用JS动态计算容器的高度,但是这涉及到加载时机的问题。如果获取的太早,元素可能渲染不好,如果获取的太晚,会有明显的卡顿,或者页面会闪烁。那么有没有办法只通过CSS来实现呢?当然有!要实现上面例子的效果,需要解决以下问题:如何判断不同的高度?如何在不同高度显示隐藏的点击按钮?如何点击切换?花几分钟看看