Javascript页面窗口悬浮实现

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

代码：
html代码
 <div id="chatDiv" style="position: absolute; buttom: 0px; right: 0px;  ">悬浮页面</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

转载于:https://www.cnblogs.com/webcc/archive/2012/05/29/2523495.html