Pinterest的浮动图片查看页面是如何做出来的?

2013-12-30 06:28:19 +08:00
 guoqiao
用户在首页的图片墙上拖动,当点击感兴趣的图片,图片页面弹出, 看起来是浮动效果.
我知道可以用 Bootstrap 的 modal 之类实现浮动效果.但是 pinterest 这个浮动效果有几点不同:
1. 首页虚化成了背景, 关闭图片页面后, 首页还在之前的位置, 不用再次滚动.
2. 弹出的类浮动界面有自己的 url, 而不是像 modal 那样直接弹出的, 这样你可以分享这个 url.

谁能提供点思路?
2946 次点击
所在节点    设计
2 条回复
P233
2013-12-30 07:56:28 +08:00
1. bootstrap >> .modal-backdrop >> background-color: rgba(255,255,255,.5)

2. 应该是 HTML5 History API
cyokvip
2013-12-30 14:43:50 +08:00
2 应该是pjax

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/94995

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX