java 悬浮窗 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显示位置。