纯 CSS 实现标签自动显示超出数量
总结一下实现重点:
1. 很多时候,CSS并没有直接的实现方式,需要“绕”点弯路
2. CSS计数器可以实现数字累加
3. CSS滚动驱动动画可以检测元素是否在可视范围之内
4. CSS滚动驱动动画还能检测元素是否内容超出
5. 计数累加器可以放在滚动驱动动画中,这样在动画触发时也就相当于计数器生效了,这样就能统计可视区的标签数量了
6. 样式查询只能匹配到子元素,但是用子元素会受到mask遮罩的影响
7. 负margin可以借助前一个元素来隐藏后一个元素
文章链接:http://t.cn/A6HUyIe3
发布于 广东
