Posted on 2009-07-01 21:23
月下孤城 閱讀(10067)
評(píng)論(3) 編輯 收藏 所屬分類(lèi):
extjs
需求：在設(shè)計(jì)web頁(yè)面時(shí)，有時(shí)會(huì)讓某個(gè)窗口懸浮在頁(yè)面某側(cè)，并隨瀏覽器滾動(dòng)做相應(yīng)浮動(dòng)。
代碼：
html代碼
<div id="chatDiv" style="position: absolute; buttom: 0px; right: 0px; ">懸浮頁(yè)面</div>
js代碼
/*會(huì)話(huà)面板懸浮*/
window.onscroll = function () {
var div = document.getElementById("chatDiv");
div.style.top = document.body.scrollTop;
};
window.onresize = window.onscroll;
window.onscroll();
說(shuō)明：html代碼中css設(shè)置id為chatDiv的div元素顯示位置.js代碼實(shí)現(xiàn)瀏覽器滾動(dòng)條滾動(dòng)與div顯示位置。
---------------------
月下孤城
mail:eagle_daiqiang@sina.com