这是一个创建于 2556 天前的主题，其中的信息可能已经有所发展或是发生改变。
https://www.stanford.edu/ 斯坦福大学的首页，觉得很不错，但是找了一圈类似效果的 jQuery 插件，用起来都感觉不对劲。非前端，只是觉得很有意思，想做个类似的。求指教有没有和那个效果相近的 jQuery 插件之类的。谢谢大家。
第 1 条附言 · 2017-12-22 12:46:07 +08:00
谢谢各位 调出来效果了 尤其感谢 @JohnH 的代码，帮助很大。
 |
1
exciting OP 这种类似上滑解锁的感觉
|
 |
2
yinbowen 2017-12-22 02:17:26 +08:00 via Android
F12
|
 |
3
lhx2008 2017-12-22 07:55:46 +08:00 via Android  1
用户体验不太好，不过自己实现一个也不难，在往页面上面覆盖个 fixed 层，上面是图片下面是透明，到底了把整层取消
|
 |
4
zgx030030 2017-12-22 08:54:35 +08:00
这种还要插件？
|
 |
5
JohnH 2017-12-22 09:45:10 +08:00 1
要说实现起来也挺简单的。
咱把这页面分三部分，固定位置的顶部导航、首屏大图、内容区。在页面滚动时，只要页面顶部没超过大图的高度，就一直让内容区固定在顶部某一位置，超过之后，取消内容区的固定样式即可。接下来就是一些显示效果上的问题了，内容区固定时放一个跟内容区高度相同的层占位。收工。 仅供参考 https://jsfiddle.net/vwha400x/1/ |
 |
6
jjplay 2017-12-22 09:46:49 +08:00 1
第一页遮罩是 position：absolute
第二页内容是 position：fixed 用 js 判断当页面顶部滚动到 第二页的时候 去除 fixed 属性 即可 |
 |
7
wwhc 2017-12-22 09:57:36 +08:00
慢，难看
|
 |
8
fumichael 2017-12-22 14:05:56 +08:00
这个名好像叫``` 视觉差滚动```
|
Select Language