杜郎俊赏 - dujun.io

position: sticky

position-sticky封面
刷到蜻蜓的墓园的博客,时光页面的年月用了元素固定。 我注意到滑动时固定和释放很顺滑,没有拖帧,而这是我的时光页面一直没解决的问题。 当时是参考jquery.pin改写的 js,没错,是jQuery 时代的方法了,原理就是根据可视范围,切换 position 为 fixed、absolute。慢速滑动时效果是完美的,但是快速滑动时就会有拖帧。 我研究了蜻蜓的墓园源码,发现是用 css 新特性 “position: sticky”。改完之后果然顺滑了。实际效果见时光页面 改的过程中遇到个坑,“position: sticky” 的所有祖先元素不能有 “overflow: hidden” 类似属性,否则不生效。

2022-02-05

姜昆的春晚相声让人明白了“同行的衬托”。

2022-02-01

google-doodle-2022封面
Google Doodle 2022 农历春节

2022-02-01

939封面
院子里挂上了彩灯。

2022-01-30

938封面

2022-01-30

增加了上海云盾DNS 解析和 CDN 加速。

2022-01-26

手机端图片缩放优化完成。

2022-01-25

手机端视频增加了时间拖动功能。

2022-01-23

增加了手机端禁止页面缩放。 但是在"screen first"的iOS下,页面滚动时无法阻止事件,仍然可以缩放。

2022-01-22

yikm封面
https://www.yikm.net/ 这个网站很有意思,可以在线玩街机游戏。

2022-01-19

分页: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18