Question

我有一个website，我从葡萄牙和许多其他讲英语以外语言的地方获得了相当多的流量，所以我想提供一个翻译选项，我现在已经完成了。

我的问题是，使用googles翻译选项，它会创建一个顶部横幅，询问您是否使用该语言，并点击它（至少对我来说），取消翻译页面。这很烦人，尤其是因为正如您所看到的，横幅覆盖了我的主导航横幅，因此您无法看到有哪些链接。

对于绝对位置，导航横幅以及正文的其余部分将下拉以适应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/

翻译栏滚动修复

1 个答案: