This topic created in 3053 days ago, the information mentioned may be changed or developed.
https://www.stanford.edu/ 斯坦福大学的首页，觉得很不错，但是找了一圈类似效果的 jQuery 插件，用起来都感觉不对劲。非前端，只是觉得很有意思，想做个类似的。求指教有没有和那个效果相近的 jQuery 插件之类的。谢谢大家。
Supplement 1 · Dec 22, 2017
谢谢各位 调出来效果了 尤其感谢 @JohnH 的代码，帮助很大。
 |
1
exciting OP 这种类似上滑解锁的感觉
|
 |
2
yinbowen Dec 22, 2017 via Android
F12
|
 |
3
lhx2008 Dec 22, 2017 via Android  1
用户体验不太好，不过自己实现一个也不难，在往页面上面覆盖个 fixed 层，上面是图片下面是透明，到底了把整层取消
|
 |
4
zgx030030 Dec 22, 2017
这种还要插件？
|
 |
5
JohnH Dec 22, 2017 1
要说实现起来也挺简单的。
咱把这页面分三部分，固定位置的顶部导航、首屏大图、内容区。在页面滚动时，只要页面顶部没超过大图的高度，就一直让内容区固定在顶部某一位置，超过之后，取消内容区的固定样式即可。接下来就是一些显示效果上的问题了，内容区固定时放一个跟内容区高度相同的层占位。收工。 仅供参考 https://jsfiddle.net/vwha400x/1/ |
 |
6
jjplay Dec 22, 2017 1
第一页遮罩是 position：absolute
第二页内容是 position：fixed 用 js 判断当页面顶部滚动到 第二页的时候 去除 fixed 属性 即可 |
 |
7
wwhc Dec 22, 2017
慢，难看
|
 |
8
fumichael Dec 22, 2017
这个名好像叫``` 视觉差滚动```
|
Select Language