※ [本文转录自 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的页面
是怎么写的
麻烦版上高手指点迷津...

Web design 版问问看可能较多人回

看不太懂，你是想问 CSS position:fixed 吗?

body 用position:fixed 子元素pop就没有scroll bar了错了～应该说BODY使用fixed，背景就会跳到最上面不像twitter仍会保留在原来的位子..

为什么你的 body 要用 fixed ?让 body 与 vw vh 同 size，里面用一个 div 当 content这样 body 不会有 scroll，而主要的 scroll 在 content再在 body 下用第二个 div 当 pop 然后 position:fixed当 pop 显示时把 content 设成 overflow:hidden这样 scroll 主导权就只剩下 pop 了

跟body没啥关...是对跳出的那个框position fixed或ab啥的 就会是那效果了 后面自己再加灰背景

已解决～感谢～