Re: [問題] facebook點擊圖片的顯示方法

看板Ajax作者 (蕃茄男)時間12年前 (2013/04/22 21:13), 編輯推噓0(001)
留言1則, 1人參與, 最新討論串2/2 (看更多)
※ 引述《ItisRay (柚子)》之銘言: : 請問facebook或pinterest點擊圖片的顯示方法是什麼? : (後面會黑屏,前面出現圖片和留言) : 找了很久,一開始找到lightbox : 後來找到leanmodal,發現有點像但似乎不全一樣 : 因為用leanmodal的顯示方法,滾輪還可以滾黑屏的頁面 : 所以顯示出來的資訊沒辦法有滾輪(或要自己做) : 我看了一下好像會用到php?算是切換頁面嗎?有套件嗎? FB的作法是把背景元素加了position: fixed; 然後在計算你當時頁面滾輪滾了多少的距離並加入背景元素的css裡 通常都是負的!例如:top:-160px; 這樣一來你的背景就會讓你感覺不會隨者滾輪滾動(但其實還是會) 所以你要在關閉視窗時把原本的位置復原!也就是160px 我之前有參考fb的做法寫了一個很陽春的小套件裡面有範例! https://www.dropbox.com/s/me7wfi0uayyd7ll/kfricobox.rar 參考看看吧 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 123.204.43.124

04/23 08:22, , 1F
(y)
04/23 08:22, 1F
文章代碼(AID): #1HTJTtHG (Ajax)
討論串 (同標題文章)
文章代碼(AID): #1HTJTtHG (Ajax)