css - Greybox Overlay 改变窗口大小

标签 css ajax scrollbar overlay greybox

我在我的商业网站上使用 greybox,以便用户可以登录和访问他们的帐户。 Example of my site

当通过选择页面顶部的“登录”或“注册”激活窗口时,页面或窗口的大小会扩展或更改(通过在窗口底部和右侧显示滚动条发现。)我怎样才能避免这种情况发生?我希望页面的大小与激活窗口之前的大小相同。

最佳答案

虽然是旧线程,但对于仍在使用 greybox 的用户,以下更新可能会有所帮助:

按照 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 没有影响;灰盒的渲染总是正确的。

关于css - Greybox Overlay 改变窗口大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6357725/

相关文章:

javascript - 将 c3js 图表选项传递给函数

ajax - 在 AJAX 调用中显示和隐藏 Spinner 时出现问题

javascript - jQuery 滚动条问题

html - 如何在firefox中设置垂直滚动条在左侧?

html - react,js 组件渲染部分

jquery - 为什么所有 LI 都以最大宽度扩展?

javascript - 如何对托管在不同域上的 WCF 服务进行 JavaScript 调用?

html - 鼠标悬停在 Firefox 上不起作用

html - 如果我在左侧有一个可点击的 Logo ,我仍然可以使用粘性(固定)水平导航栏吗?

javascript - 如何设置 <div> 滚动条的样式?