文章关键字 ‘粘性定位’

CSS fixed固定定位transofrm失效及居中小技巧

2023年02月6日,星期一

封面图

介绍个我认为最好的固定居中定位的CSS实现,以及展示transform内fixed固定定位失效的解决方法,你说不定哪天就会用到。

阅读全文…

CSS实现滚动高度自动变小的粘滞效果

2022年04月22日,星期五

猫与花

分享一个实用的小布局效果,可以优化粘性定位的效果体验。

阅读全文…

纯CSS实现标题栏、表格头水平滚动垂直不滚动

2021年06月14日,星期一

滚动鑫空间粘性定位占位图

本文介绍如何使用纯CSS方法,实现某个元素在水平滚动的时候跟着滚,垂直滚动的时候固定效果,反之同样适用,丰富demo,有视频效果示意,希望可以帮到您的学习。

阅读全文…

深入理解position sticky粘性定位的计算规则

2020年03月7日,星期六

sticky布局效果缩略图

sticky粘性定位规则比较复杂,涉及“流盒”(flow box)和“粘性约束矩形”等概念,如果不搞清楚原理,是无法明白明明设置了粘性定位样式却没有效果的原因的。

阅读全文…