Re: [問題] facebook點擊圖片的顯示方法
※ 引述《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
04/23 08:22, 1F
討論串 (同標題文章)
本文引述了以下文章的的內容:
完整討論串 (本文為第 2 之 2 篇):
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章