kaleok 大佬有话说 :
有前端程序员吗?position:sticky的讨论
这是网友的一段:刚开始是准备使用,js计算距离顶部高度,然后使用position:fixed,来实现的。在使用scroll-view,计算scrollTop的值,当scrollTop大于190时,添加样式position:fixed,但是这个方法在真机测试的时候有会性能问题,造成页面卡顿,后来换成onPageScroll方法,效果还是不理想。
在百度的时候的,看到position有一个sticky属性可以实现类似效果。
看懂这一段。。。我也一直就是用js来处理的。。。。然后刚才我在查国外的网站时。。。看到个网站就顺便职业病查了他css,发现了这个属性,但是。。。这个在2011年左右就支持了。。。。我晚了9年
这是个经验分享帖子。你懂或不懂,都不要讽刺挖苦经验分享者。维护好论坛氛围。谢谢
无神通 大佬有话说 :
主要是IE这玩意不支持sticky,要不然多省事
JOSH 大佬有话说 :
就是一个顶部nav吧
Mr. 大佬有话说 :
一般看到不常用的属性 先上caniuse查一下支持程度…
kaleok 大佬有话说 :
估计是以前兼容问题,很多大站也是js来处理的。。。即使是vue时代了,也还是用vue来处理。。这个属性着实冷门啊。。但是现在微软都放弃IE了。360浏览器也一统江湖PC端普通用户。。。(互联网从业者除外)。。所以基本上可以说没有兼容问题了。移动端就不用说了。
future 大佬有话说 :
sticky这个属性我知道,但开发中我一般不用,因为兼容性不好。。。等过几年用户设备升级了,大多数浏览器都支持了在去用