Apple 产品页头部固定技术

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 3133 天前的主题，其中的信息可能已经有所发展或是发生改变。

使用 iPhone 浏览产品页时， logo 下面那行在滚动后固定定位，而且很顺滑，这是怎么做到的？求教。

6 条回复 • 2016-04-24 23:46:24 +08:00

atan

2016-04-24 22:43:10 +08:00

levon

2016-04-24 22:49:37 +08:00

我觉得比较人性化的做法是当你要往上滚的时候，头部才显示出来。

audi

2016-04-24 22:57:28 +08:00 via iPhone

页面中的 iPhone 模型才顺滑

jame

2016-04-24 23:08:44 +08:00

@atan 这个不支持手机。
@levon 同感。

atan

2016-04-24 23:16:43 +08:00

看了下样式，他用了 position:sticky 这个 css3 属性，因此比较流畅，但是目前只有 firefox 和 safari 支持，所以 chrome ， IE 下还是需要 JS 完成，效果就没这么好了

jame

2016-04-24 23:46:24 +08:00

@atan 看到，谢谢。