gpt4 book ai didi

css - 调整窗口大小时,固定主体上的叠加 div 无法固定位置

转载 作者:行者123 更新时间:2023-11-28 12:25:34 26 4
gpt4 key购买 nike

总结一下:

在部署弹出叠加层时:

  1. 添加 overflow:hidden 到 <body>

  2. css: overflow-y:scroll; position:fixed; top/left/right/bottom:0; z-index:1000 附加 .floater div

  3. .floater with css: pos:rel, width:600px; height:800px; background:#fff; margin:40px auto; 内追加 .overlay div

正如预期的那样,当尝试滚动时,滚动仅适用于 .overlay 正确。

但是,在任何时候调整窗口大小后,滚动现在适用于 body 和 .overlay div。

示例发布@ http://mkn.us/test.php

这个问题似乎只发生在谷歌浏览器上 + 我在 mac 上通过触摸板/mac 鼠标滚动。

最佳答案

这个问题是一个 Chrome 错误,现在已通过最新的 Chrome 版本解决:30.0.1599.66

关于css - 调整窗口大小时,固定主体上的叠加 div 无法固定位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18563624/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com