我有一个网站，我从葡萄牙和许多其他讲英语以外的语言的地方获得了相当多的流量，所以我想设置一个翻译选项，我现在已经完成了。
我的问题是，使用谷歌翻译选项时，它会创建一个顶部横幅，询问您是否指该语言，然后点击它（至少对我而言），取消翻译页面。这很烦人，尤其是因为如您所见，横幅覆盖了我的主导航横幅，因此您看不到有哪些链接。
使用绝对位置，导航横幅以及正文的其余部分将下降以适合谷歌横幅，但导航横幅不会像我想要的那样停留在顶部。
问题：我怎样才能使它在滚动期间保持在顶部，但在必要时向下移动以便可以查看链接？
注意：创造性的解决方案很好，但我觉得应该有一个我缺少的简单修复。
以防万一人们想看到导航横幅的 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);
}