介绍个我认为最好的固定居中定位的CSS实现,以及展示transform内fixed固定定位失效的解决方法,你说不定哪天就会用到。
文章关键字 ‘sticky’
CSS fixed固定定位transofrm失效及居中小技巧
2023年02月6日,星期一CSS实现滚动高度自动变小的粘滞效果
2022年04月22日,星期五分享一个实用的小布局效果,可以优化粘性定位的效果体验。
纯CSS实现标题栏、表格头水平滚动垂直不滚动
2021年06月14日,星期一本文介绍如何使用纯CSS方法,实现某个元素在水平滚动的时候跟着滚,垂直滚动的时候固定效果,反之同样适用,丰富demo,有视频效果示意,希望可以帮到您的学习。
深入理解position sticky粘性定位的计算规则
2020年03月7日,星期六sticky粘性定位规则比较复杂,涉及“流盒”(flow box)和“粘性约束矩形”等概念,如果不搞清楚原理,是无法明白明明设置了粘性定位样式却没有效果的原因的。
杀了个回马枪,还是说说position:sticky吧
2018年12月2日,星期日position:sticky早有耳闻也有所了解,后来,Chrome放弃了对其支持,我也就不关心这个声明了,今天偶然发现,卧槽,Chrome什么时候杀了个回马枪,居然又支持了。眼瞅着,各个浏览器纷纷立了山头,要必要关心关心position:sticky了,不要被人留下厚此薄彼的口舌。结果一关心,竟然发现,sticky定位要比预想的更强大,更有趣……