PTT數位生活區 / Web_Design

Fw: [問題] 關於網頁overflow:hidden

看板Web_Design作者 (作別人生命中的天使！)時間5年前 (2019/05/30 19:22), 5年前編輯推噓3(3推 0噓 10→)
留言13則, 3人參與, 5年前最新討論串1/1
※ [本文轉錄自 Ajax 看板 #1SxwAP40 ] 作者: FrankYoshi (作別人生命中的天使！) 看板: Ajax 標題: [問題] 關於網頁overflow:hidden 時間: Thu May 30 17:29:59 2019 版上各位朋友好 想請教一個關於overflow屬性的問題 最近想嘗試製作twitter的pop視窗 圖示如下： https://imgur.com/huVjWM7
點選內容區塊 則背景會鎖定 只剩下前景的內容有scroll bar 可以滑動 不過這邊有一些疑惑 看了一下程式碼，body的地方有overflow:hideen的屬性 我自己試了後 內容的區塊都會繼承父元素的overflow:hidden失效 所以這邊想要問的問題是 像fb網誌或twitter這種鎖定頁面，而讓前景內容可以scroll的頁面 是怎麼寫的 麻煩版上高手指點迷津... -- ※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 210.242.155.82 ※ 文章網址: https://www.ptt.cc/bbs/Ajax/M.1559208601.A.100.html ※ 編輯: FrankYoshi (210.242.155.82), 05/30/2019 17:31:18
→
05/30 19:07, 5年前 , 1F
Web design 版問問看可能較多人回
05/30 19:07, 1F
※ 發信站: 批踢踢實業坊(ptt.cc) ※ 轉錄者: FrankYoshi (210.242.155.82), 05/30/2019 19:22:53
推
05/30 22:27, 5年前 , 2F
看不太懂，你是想問 CSS position:fixed 嗎?
05/30 22:27, 2F
→
05/30 23:04, 5年前 , 3F
body 用position:fixed 子元素pop就沒有scroll bar了
05/30 23:04, 3F
→
05/30 23:06, 5年前 , 4F
錯了～應該說BODY使用fixed，背景就會跳到最上面
05/30 23:06, 4F
→
05/30 23:06, 5年前 , 5F
不像twitter仍會保留在原來的位子..
05/30 23:06, 5F
推
05/30 23:13, 5年前 , 6F
為什麼你的 body 要用 fixed ?
05/30 23:13, 6F
推
05/30 23:17, 5年前 , 7F
讓 body 與 vw vh 同 size，裡面用一個 div 當 content
05/30 23:17, 7F
→
05/30 23:17, 5年前 , 8F
這樣 body 不會有 scroll，而主要的 scroll 在 content
05/30 23:17, 8F
→
05/30 23:18, 5年前 , 9F
再在 body 下用第二個 div 當 pop 然後 position:fixed
05/30 23:18, 9F
→
05/30 23:18, 5年前 , 10F
當 pop 顯示時把 content 設成 overflow:hidden
05/30 23:18, 10F
→
05/30 23:19, 5年前 , 11F
這樣 scroll 主導權就只剩下 pop 了
05/30 23:19, 11F
→
05/31 03:21, 5年前 , 12F
跟body沒啥關...是對跳出的那個框position fixed或ab啥
05/31 03:21, 12F
→
05/31 03:21, 5年前 , 13F
的 就會是那效果了 後面自己再加灰背景
05/31 03:21, 13F
→
06/04 12:01, 5年前 , 14F
已解決～感謝～
06/04 12:01, 14F
‣ 更多 FrankYoshi 的文章
文章代碼(AID): #1SxxqEbe (Web_Design)
Web_Design 近期熱門文章
更多 近期熱門文章 >>
PTT數位生活區 即時熱門文章
更多 即時熱門文章 >>
‣ 更多 FrankYoshi 的文章
文章代碼(AID): #1SxxqEbe (Web_Design)