js页面窗口悬浮实现

需求:在设计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显示位置。




---------------------
月下孤城
mail:[email protected]

你可能感兴趣的:(js页面窗口悬浮实现)