eagle

需求：在設(shè)計(jì)web頁面時(shí)，有時(shí)會(huì)讓某個(gè)窗口懸浮在頁面某側(cè)，并隨瀏覽器滾動(dòng)做相應(yīng)浮動(dòng)。

代碼：
html代碼
 <div id="chatDiv" style="position: absolute; buttom: 0px; right: 0px;  ">懸浮頁面</div>

js代碼
 /*會(huì)話面板懸浮*/
 window.onscroll = function () {
        var div = document.getElementById("chatDiv");
        div.style.top = document.body.scrollTop;
    };
    window.onresize = window.onscroll;
    window.onscroll();
   
說明：html代碼中css設(shè)置id為chatDiv的div元素顯示位置.js代碼實(shí)現(xiàn)瀏覽器滾動(dòng)條滾動(dòng)與div顯示位置。