Posted on 2009-07-01 21:23
月下孤城 阅读(10047)
评论(3) 编辑 收藏 所属分类:
extjs
需求:在设计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:eagle_daiqiang@sina.com