私はウェブサイトを持っていて、ポルトガルや英語以外の言語を話す他の多くの場所からかなりの量のトラフィックを得ているので、翻訳オプションを付けたいと思っていました。
私の問題は、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);
}