跳至主要內容
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?

4563博客

全新的繁體中文 WordPress 網站
  • 首頁
  • 有前端程序员吗?position:sticky的讨论
未分類
14 4 月 2020

有前端程序员吗?position:sticky的讨论

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这个属性我知道,但开发中我一般不用,因为兼容性不好。。。等过几年用户设备升级了,大多数浏览器都支持了在去用

文章導覽

上一篇文章
下一篇文章

AD

其他操作

  • 登入
  • 訂閱網站內容的資訊提供
  • 訂閱留言的資訊提供
  • WordPress.org 台灣繁體中文

51la

4563博客

全新的繁體中文 WordPress 網站
返回頂端
本站採用 WordPress 建置 | 佈景主題採用 GretaThemes 所設計的 Memory
4563博客
  • Hostloc 空間訪問刷分
  • 售賣場
  • 廣告位
  • 賣站?
在這裡新增小工具