Javascript页面窗口悬浮实现

需求:在设计web页面时,有时会让某个窗口悬浮在页面某侧,并随浏览器滚动做相应浮动。

代码:

html代码

<div >悬浮页面</div>

js代码

/*会话面板悬浮*/

window.onscroll = function () {

var div = document.getElementById("chatDiv");

div.style.top = document.body.scrollTop;

};

window.onresize = window.onscroll;

window.onscroll();

说明:html代码中css设置id为chatDiv的div元素显示位置.js代码实现浏览器滚动条滚动与div显示位置。

转自:http://www.blogjava.net/eagle-daiq/archive/2009/07/01/285027.html