单击 noCAPTCHA 复选框后页面宽度增加（使用 bootstrap-rtl）

Question

我正在使用 Bootstrap-rtl and my page contains sticky header & footer (as in bootstrap's example).

我注意到当我 运行 小屏幕（宽度小于 ~760 像素）页面时。 然后点击“我不是机器人”按钮，页眉扩展到大视图，页面宽度意外增加。

我注意到从 html 标签中删除“position : relative”可以解决问题，但会破坏粘性页脚。 不幸的是，我找不到任何其他适用于固定页眉的粘性页脚解决方案。

我上传了 a simple example，以重现问题

任何想法将不胜感激， 谢谢！

梅尔

Answer 1

请找到.gc-bubbleDefault.pls-container的父div并隐藏它

$(".gc-bubbleDefault.pls-container").parent().css("display", "none");

请尝试上面的代码或

if($(".gc-bubbleDefault.pls-container").parent().css("width")=="106px") {$(".gc-bubbleDefault.pls-container").parent().css("display", "none");}