Question

请问js高手，我想做一个动态的消息提示框，但是用绝对定位的提示框会随滚动条的移动被遮挡？

我想做一个动态的消息提示框好是像qq的提示框一样，出现在桌面的右下角：“火箭VS湖人”，我的提示框想出现在桌面的右上角，不会随滚动条的上下移动而被遮挡，请问该如何定位啊？

Answer 1

对于非IE6的浏览器，可以用css解决，position:fixed,bottom:0px,right:0px;
这样可以将提示层固定在浏览器的右下角，但IE6不支持fixed属性，需要通过js进行修正
IE6使用position:absolute然后监听onscroll事件，当发生浏览器滚动事件时，通过js修改bottom的值
document.body.scrollTop获取垂直滚动条距页面顶部的距离(即滚动距离)，根据这个值就可以修改bottom值达到定位浏览器中不随滚动条滚动
注：IE6市场占有份额已不到20%，可考虑不兼容IE6

Answer 2

position:fixed;
不过IE6不支持,这个可以用重js计算,然后定位.