Apple 产品页头部固定技术

V2EX = way to explore

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

For Existing Member Sign In

This topic created in 3655 days ago, the information mentioned may be changed or developed.

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

6 replies • 2016-04-24 23:46:24 +08:00

atan

Apr 24, 2016

levon

Apr 24, 2016

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

audi

Apr 24, 2016 via iPhone

页面中的 iPhone 模型才顺滑

jame

Apr 24, 2016

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

atan

Apr 24, 2016

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

jame

Apr 24, 2016

@atan 看到，谢谢。