eagle

需求：在設計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顯示位置。