调整浏览器窗口大小时，固定位置滚动元素在屏幕外流动

Question

我有一个新闻网站，每个故事的左侧都有一个共享小工具栏，其中包括facebook，twitter和其他链接。在底部，工具栏是我们营销的广告位60x50px。问题是共享工具栏元素是位置固定的，因此当你滚动它时，它会停留在同一位置的屏幕上，当我调整浏览器窗口的大小，尤其是IE时，有时广告会在底部被切断。这对于维持这一点作为我们和客户的广告收入构建者是不利的。

我可以使用任何CSS或javascript以便不会发生这种情况吗？

Answer 1

没有链接很难回答，但我认为你应该从顶部更改绝对定位：xxxpx到bottom：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*/ 
}