【问题标题】:Overlay div on fixed body fails fixed pos when window resized调整窗口大小时,固定主体上的覆盖 div 无法固定位置
【发布时间】:2013-09-01 22:37:08
【问题描述】:

总结一下:

在部署弹出叠加层时:

  1. 添加溢出:隐藏到<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

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

【问题讨论】:

  • 请给我们一些代码,也许是一个例子
  • @Zeaklous 见mkn.us/test.php
  • Chrome Windows 上似乎不会发生这种情况。
  • 看来这只是 Chrome Mac 的问题。我正在将其移至 Google Chrome 错误。

标签: css


【解决方案1】:

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

【讨论】:

  • 我在 32.0.1700.76 测试版上仍然遇到这种情况,知道吗?
  • @omerc.net 你是对的,这个问题又回来了。重新激活错误@chrome。
猜你喜欢
  • 1970-01-01
  • 2012-05-06
  • 1970-01-01
  • 2013-11-24
  • 1970-01-01
  • 1970-01-01
  • 2014-01-22
  • 2012-12-13
  • 1970-01-01
相关资源
最近更新 更多