ブラウザウィンドウのサイズを変更すると固定位置のスクロール要素が画面外に流れる

Question

Facebook、Twitter、その他のリンクを含むすべての記事の左側に共有ウィジェットツールバーがあるニュースサイトがあります。ツールバーの下部には、広告スポット60x50ピクセルがあります。問題は、共有ツールバーの要素が固定されているため、スクロールすると同じ場所の画面にとどまり、ブラウザーウィンドウ、特にIEのサイズを変更すると、広告が一番下に切り取られることがあります。これは、私たちとクライアントのための広告収益ビルダーとしてこの地位を維持するのに悪いことです。

これは起こらないように私が採用できるCSSまたはJavaScriptはありますか？

Answer 1

ハードリンクせずに答えるために、私はあなたが上から絶対位置を変更すべきだと思う：一番下にxxxpx：xxxpx - これはそれがサイズ変更時にウィンドウ内に留まることを確認します...

Answer 2

以下のスタイルを使用してください。

.classname{ 
      position:absolute; 
      top:10%; /*use the exact percentage of top screen you want to fix*/ 
      left:2%; /*use the exact percentage of left screen you want to fix*/ 
}