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

看板Ajax作者 (柚子)時間12年前 (2013/04/20 02:25), 編輯推噓4(406)
留言10則, 4人參與, 最新討論串1/2 (看更多)
請問facebook或pinterest點擊圖片的顯示方法是什麼? (後面會黑屏,前面出現圖片和留言) 找了很久,一開始找到lightbox 後來找到leanmodal,發現有點像但似乎不全一樣 因為用leanmodal的顯示方法,滾輪還可以滾黑屏的頁面 所以顯示出來的資訊沒辦法有滾輪(或要自己做) 我看了一下好像會用到php?算是切換頁面嗎?有套件嗎? -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 219.85.188.49

04/20 02:50, , 1F
lightbox就是解阿 還是你想問裡面內容怎麼來...
04/20 02:50, 1F

04/20 09:47, , 2F
但是像pinterest的點擊圖片後 滾輪就會從控制原本頁面改成
04/20 09:47, 2F

04/20 09:48, , 3F
控制lightbox的頁面,網址也會改,是不是有多用什麼技術?
04/20 09:48, 3F

04/20 16:05, , 4F
網址應該是用pushState
04/20 16:05, 4F

04/20 16:15, , 5F
應該差一個CSS的 position: fixed而已
04/20 16:15, 5F

04/20 16:16, , 6F
^我指滾輪無法滾動後面的頁面
04/20 16:16, 6F

04/20 19:18, , 7F
$('html,body').css('overflow','hidden');
04/20 19:18, 7F

04/20 19:19, , 8F
停止後面的滾軸捲動
04/20 19:19, 8F

04/20 19:19, , 9F
$('html,body').css('overflow','auto');
04/20 19:19, 9F

04/20 19:19, , 10F
恢復原狀
04/20 19:19, 10F
文章代碼(AID): #1HSOmBbs (Ajax)
文章代碼(AID): #1HSOmBbs (Ajax)