当第一次点击

时，Chrome扩展程序弹出窗口太高，因为我前几天发现，当您单击扩展按钮并弹出窗口时，它的高度比需要的高度高得多，如果您需要的高度小于350像素。当弹出窗口中发生某些事情时（例如动画），根据内容适当调整高度。将高度设置为html，正文和常规包装元素没有帮助。这可能是Chrome的最新更新中的一些错误，因为autoupdate，我无法在早期版本中对其进行测试。当第一次点击

我会感谢您的任何想法和建议。

Libor的

更新：我开始研究什么都可能导致此行为并发现了这种情况是因为Twitter和谷歌加共享按钮的。它们都修改添加iframe的DOM结构添加脚本标签。评论时，弹出式气泡出现在正确的大小。奇怪的是，Facebook的按钮脚本或多或少都是一样的，但它根本不会搞乱布局。

来源

2012-05-30 sKopheK

你的问题与[this]相同（http://stackoverflow.com/questions/10360525/how-do-i-remove-the-space-at-the-bottom-of-the-pagechrome-扩展/ 10360784＃10360784）？ –

非常相似，但铬最后更新后开始表现这种方式，所以我不认为它应该以任何方式相关 – sKopheK

与我的扩展程序和Windows 7上的Chrome 19相同的东西。我必须注意到，以前版本的Chrome没有任何问题。正如你所说的那样，问题只出现在弹出窗口的第一个外观上 - 之后会正确收缩）。

我在我的分机使用jQuery，我想我已经部分地加入

$("body").fadeOut(10).fadeIn(50);

虽然它并不总是有效解决了这个问题（它可能会，如果你递增淡入延迟，但！）。希望有人能为此提供更好的解决方案。

编辑。这应该来保证（使用提示）总是工作虽然用户可能会看到大小调整发生的第二分数：

$(window).load(function() { 
     $("body").fadeOut(10, function() { $(this).show(); }); 
    });

来源

2012-06-05 18:21:33 azrafe7

谢谢，这没有把戏，虽然我相信正确的语法应该是$（'body' ）.fadeOut（500，function（）{$（this）.show（）}）;例如 – sKopheK

删除共享图标似乎不适用于我。我编辑了我的帖子并添加了一些提供更一致结果的代码。尽管如此，仍在寻找最终解决方案。 – azrafe7

就像有人说here，很好的解决方案来解决这个问题改变<html> to <!doctype html>

来源

2013-01-31 16:25:27

这固定弹出高度jankiness对我来说。谢谢！ – Lounge9

当第一次点击

回答

相关问题