javascript - 翻译栏滚动修复

Question

我有一个 website ，我从葡萄牙和许多其他说英语以外的语言的地方获得了相当多的流量，所以我想添加一个翻译选项，我现在已经这样做了。

我的问题是，使用 google 翻译选项时，它会创建一个顶部横幅，询问您是否指的是该语言，然后点击它(至少对我而言)，取消翻译页面。这很烦人，尤其是因为正如您所见，横幅覆盖了我的主导航横幅，所以您看不到那里有哪些链接。

使用绝对位置，导航横幅和正文的其余部分将下降以适应 google 横幅，但导航横幅不会像我希望的那样停留在顶部。

问题:如何让它在滚动时保持在顶部，但在必要时向下移动以便可以查看链接？

注意:创造性的解决方案很好，但我觉得应该有一个我缺少的简单修复方法。

以防万一人们想看到导航横幅的 css，这里:

#topbar{
    overflow:hidden;
    z-index:999;
    padding-left:20px;
    padding-right:20px;
    padding-top:5px;
    position:fixed;
    text-align:center;
    width:100%;
    height:50px;
    background-image:url('http://www.wallgc.com/images/2012/11/black-minimalistic-dark-pattern-wall-textures-silver-HD-Wallpapers.jpg');
    background-color:#232323;
    margin-left:-20px;
    box-shadow: 0px 10px 10px -5px rgba(0,0,0,.6),inset 0px -1px 5px 0px rgba(0,0,0,.5);
}

Answer 1

由于我的工作代理设置，恐怕我无法访问您的页面，但也许您的问题可以通过此链接得到解决？

http://joshua.doodnauth.com/blog/2011/03/google-web-translator-frame-bar/