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

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

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

    谁能提供点思路?
    2 条回复    1970-01-01 08:00:00 +08:00
    P233
        1
    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
        2
    cyokvip  
       2013-12-30 14:43:50 +08:00
    2 应该是pjax
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   2901 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 22ms · UTC 03:34 · PVG 11:34 · LAX 19:34 · JFK 22:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.