css - 单击 noCAPTCHA 复选框后页面宽度增加(使用 bootstrap-rtl)

Question

我正在使用 Bootstrap-rtl我的页面包含粘性页眉和页脚(如 bootstrap's example 中所示)。

我注意到当我在小屏幕(宽度小于 ~760 像素)上运行页面时。然后点击“我不是机器人”按钮，标题扩展到大 View ，页面宽度意外增加。

我注意到从 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");