试着在window.resizeTo之后摆脱Chrome中的滚动条

时间:2010-11-13 21:37:14

标签: javascript css javascript-events

我的应用程序使用弹出窗口让用户通过Twitter OAuth提交推文。这是流程:

对于没有连接/授权给Twitter的用户:  1.弹出窗口提示连接到Twitter  2.调整弹出窗口的大小并重定向到Twitter身份验证  3.成功后,将窗口调整为较小的尺寸并显示Tweet弹出窗口

在第2步和第3步中,我在BODY onload事件中使用window.resizeTo来使窗口很好地适应内容而不显示滚动条。在第2步中,它使弹出窗口更大以容纳Twitter身份验证表单,而在3中它使弹出窗口更小以匹配我的推文表单。

<body onload="window.resizeTo(526,337);">

现在,这一切在IE和Firefox中运行得很好,但在Chrome中,当我进入第3步时,弹出窗口中有水平和垂直滚动条如果我来自步骤2中的Twitter身份验证。如果我在Chrome中的第3步刷新完全相同的弹出窗口,滚动条消失。

此外,如果用户已经被Twitter授权,我会直接进入步骤3,在这种情况下,也没有滚动条。

是否有关于重定向或从外部站点(Twitter)返回导致此问题的内容?任何想法如何摆脱滚动条?

1 个答案:

答案 0 :(得分:2)

你试过CSS吗?在弹出窗口中:

body {
  overflow: hidden;
}