固定位置滾動元素在調整瀏覽器窗口大小時偏離屏幕

Question

我有一個新聞網站，每個故事的左側都有一個共享小工具欄，其中包括臉書，推特和其他鏈接。在工具欄的底部是我們銷售的廣告位60x50px。問題在於共享工具欄元素的位置是固定的，所以當您滾動時，它會停留在同一地點的屏幕上，而當我調整瀏覽器窗口的大小時（特別是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*/ 
}