谷歌翻译下拉

Question

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

Answer 1

问题是这个栏的内容是在一个 iframe 里面，所以你不能使用 javascript 来触发关闭按钮。

解决方案

一旦用户选择了一种语言，一个名为“goog-te-banner-frame”的类的 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>