Google 翻译下拉菜单

Question

我已经购买了一个网站模板，我需要有关使用 google 翻译的网站翻译器的帮助。翻译效果很好，但在选择一种语言后，出现 google 下拉菜单，当我向下滚动时，它仍然出现并隐藏了我的主要 header 标题。可以做些什么，比如在我翻译一种语言时删除这个下拉菜单，或者有人可以建议我另一种方法。非常感谢。

Answer 1

问题是此栏中的内容位于 iframe 内，因此您无法使用 javascript 触发关闭按钮。

解决方案

用户选择语言后，带有名为 'goog-te-banner-frame' 的 class 的 iframe 已添加。

您可以使用javascript检测它是否存在并隐藏它

$(document).ready(function(){
if($('.goog-te-banner-frame').length > 0){//check if the iframe exsits
            $('.goog-te-banner-frame').css('display','none');
            $('body').css('top',0);//google adds top to the body so the bar wont cover website content
    }
});

因为这段代码使用了jquery。确保你像这样加载它：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>

Google 翻译下拉菜单

Google Translate Drop Down

translate

web