V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
guoqiao
V2EX  ›  设计

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

  •  
  •   guoqiao · 2013 年 12 月 30 日 · 3256 次点击
    这是一个创建于 4397 天前的主题,其中的信息可能已经有所发展或是发生改变。
    用户在首页的图片墙上拖动,当点击感兴趣的图片,图片页面弹出, 看起来是浮动效果.
    我知道可以用 Bootstrap 的 modal 之类实现浮动效果.但是 pinterest 这个浮动效果有几点不同:
    1. 首页虚化成了背景, 关闭图片页面后, 首页还在之前的位置, 不用再次滚动.
    2. 弹出的类浮动界面有自己的 url, 而不是像 modal 那样直接弹出的, 这样你可以分享这个 url.

    谁能提供点思路?
    2 条回复    1970-01-01 08:00:00 +08:00
    P233
        1
    P233  
       2013 年 12 月 30 日
    1. bootstrap >> .modal-backdrop >> background-color: rgba(255,255,255,.5)

    2. 应该是 HTML5 History API
    oppressed6370
        2
    oppressed6370  
       2013 年 12 月 30 日
    2 应该是pjax
    关于   ·   帮助文档   ·   自助推广系统   ·   博客   ·   API   ·   FAQ   ·   Solana   ·   1937 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 16:14 · PVG 00:14 · LAX 08:14 · JFK 11:14
    ♥ Do have faith in what you're doing.