这种效果是怎么做出来的？

[exciting]

https://www.stanford.edu/ 斯坦福大学的首页，觉得很不错，但是找了一圈类似效果的 jQuery 插件，用起来都感觉不对劲。非前端，只是觉得很有意思，想做个类似的。求指教有没有和那个效果相近的 jQuery 插件之类的。谢谢大家。

[exciting]

这种类似上滑解锁的感觉

[yinbowen]

F12

[lhx2008]

用户体验不太好，不过自己实现一个也不难，在往页面上面覆盖个 fixed 层，上面是图片下面是透明，到底了把整层取消

[zgx030030]

这种还要插件？

[JohnH]

要说实现起来也挺简单的。

咱把这页面分三部分，固定位置的顶部导航、首屏大图、内容区。在页面滚动时，只要页面顶部没超过大图的高度，就一直让内容区固定在顶部某一位置，超过之后，取消内容区的固定样式即可。接下来就是一些显示效果上的问题了，内容区固定时放一个跟内容区高度相同的层占位。收工。

仅供参考
https://jsfiddle.net/vwha400x/1/

[jjplay]

第一页遮罩是 position：absolute
第二页内容是 position：fixed

用 js 判断当页面顶部滚动到 第二页的时候 去除 fixed 属性 即可

[wwhc]

慢，难看

[fumichael]

这个名好像叫``` 视觉差滚动```

[Tokin]

@fumichael 这不是视差滚动吧。。。