文章关键字 ‘sticky’

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)和“粘性约束矩形”等概念,如果不搞清楚原理,是无法明白明明设置了粘性定位样式却没有效果的原因的。

阅读全文…

杀了个回马枪,还是说说position:sticky吧

2018年12月2日,星期日

sticky布局效果缩略图

position:sticky早有耳闻也有所了解,后来,Chrome放弃了对其支持,我也就不关心这个声明了,今天偶然发现,卧槽,Chrome什么时候杀了个回马枪,居然又支持了。眼瞅着,各个浏览器纷纷立了山头,要必要关心关心position:sticky了,不要被人留下厚此薄彼的口舌。结果一关心,竟然发现,sticky定位要比预想的更强大,更有趣……

阅读全文…