guoqiao
V2EX  ›  设计

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

  •  
  •   guoqiao · Dec 30, 2013 · 3476 views
    This topic created in 4552 days ago, the information mentioned may be changed or developed.
    用户在首页的图片墙上拖动,当点击感兴趣的图片,图片页面弹出, 看起来是浮动效果.
    我知道可以用 Bootstrap 的 modal 之类实现浮动效果.但是 pinterest 这个浮动效果有几点不同:
    1. 首页虚化成了背景, 关闭图片页面后, 首页还在之前的位置, 不用再次滚动.
    2. 弹出的类浮动界面有自己的 url, 而不是像 modal 那样直接弹出的, 这样你可以分享这个 url.

    谁能提供点思路?
    2 replies    1970-01-01 08:00:00 +08:00
    P233
        1
    P233  
       Dec 30, 2013
    1. bootstrap >> .modal-backdrop >> background-color: rgba(255,255,255,.5)

    2. 应该是 HTML5 History API
    oppressed6370
        2
    oppressed6370  
       Dec 30, 2013
    2 应该是pjax
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   5657 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 41ms · UTC 03:37 · PVG 11:37 · LAX 20:37 · JFK 23:37
    ♥ Do have faith in what you're doing.