灰盒覆盖更改窗口大小答案

【问题标题】：Greybox Overlay Changes Size of Window灰盒覆盖更改窗口大小
【发布时间】：2011-06-15 12:33:23
【问题描述】：

我在我的商业网站上使用了灰色框，以便用户可以登录并访问他们的帐户。 Example of my site

当通过选择页面顶部的“登录”或“注册”来激活窗口时，页面或窗口的大小会扩大或改变（通过在窗口底部和右侧显示滚动条来发现。）我怎样才能防止这种情况发生？我希望页面的大小与激活窗口之前的大小相同。

【问题讨论】：

在 FireFox 中，在您按下登录之前它有滚动条。
事件发生时我正在使用谷歌浏览器和 Internet Explorer。您认为问题在于原始页面而不是弹出窗口？
为了澄清问题是底部的滚动框（左右滚动）我知道页面应该有一个上下滚动
我在 Chrome 中没有发现问题。
Yoel 通过在 GB_overlay 规则上建议“修复”来修复问题。这更正了问题，并且在所有浏览器中都能正确显示。

【解决方案1】：

虽然是老帖子，但对于仍在使用灰盒的人来说，以下更新可能会有所帮助：

按照 Yoel 的建议将 GB_overlay 位置设置为“固定”（在 gb_styles.css 中）解决了非全屏灰盒（例如 gb_page_center）的问题，但全屏灰盒（例如 GB_showPage）仍然具有水平Chrome、Edge、iOS 上的 Chrome 和 iOS 上的 Safari 上的滚动条和扩展浏览器窗口。

非全屏灰盒不需要将 GB_overlay 宽度设置为 100%，也不能解决全屏灰盒的问题。相反，将 GB_overlay max-width 设置为 100% 完全解决了 Chrome、Edge、iOS 上的 Chrome 和 iOS 上的 Safari 中的扩展浏览器和水平滚动条外观。

正如 Kevin 所经历的那样，Firefox 从来没有遇到过灰盒的这些问题，而且这些对 GB_overlay css 的更新更改对 Firefox 没有影响；灰盒始终正确呈现。

【讨论】：

【解决方案2】：

Yoel 的解决方案奏效了。他建议更改样式表以反映 100% 宽度的“固定”。这解决了所有浏览器上的问题。

【讨论】：

-1，如果告诉他将其作为答案发布并接受以给予他荣誉和一些代表，那就太好了。
除了在 cmets 中发布之外，我如何告诉他这个？我有，他没有回应。
正确，您只能在 cmets 中发布。类似于此的内容可能是：“嗨，Yoel，您的解决方案有效。我看到您也是新用户，请将其作为答案发布，以便我接受。”。那你可能要等 2 天以上，我们中的一些人并不像大多数人那样狂热。