请关注我的公众号：前面探案
在平常设计中，总会碰到一些必须分辨极高的情景，例如当超过一定相对高度后，必须全自动发生进行伸缩按键，如下所示
传统式思路一定是根据JS去动态性测算容器相对高度，但这个就牵涉到载入时机的难题，获得提早很有可能原素还没有3D渲染好，迟了又会有很大的卡突然感到，或是也会引起界面的闪动。
那是否有仅通过CSS方法呢？
自然还是有的！想要实现上边这个案例效果，要解决以下几种难题：
- 怎么判断不一样高度？
- 怎样在不同相对高度下展现掩藏点击图标？
- 怎样点击切换？
花数分钟一起看看吧