当窗口调整大小时,固定体上的叠加div失败固定pos

时间:2013-09-01 22:37:09

标签: css

总结一下:

在部署弹出叠加层上:

  1. 添加溢出:隐藏到<body>

  2. 使用css: overflow-y:scroll; position:fixed; top/left/right/bottom:0; z-index:1000

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

  5. 中附加.overlay div

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

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

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

    的示例

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

1 个答案:

答案 0 :(得分:0)

此问题是Chrome Bug,现已使用最新的Chrome版本解决:30.0.1599.66