[javascript]彈出可拖動的層

一. 首先要清楚一些基本的頁面配置中一些常用的js

 

1. clientHeight :  都認為是內容可視地區的高度，也就是說頁面瀏覽器中可以看到內容的這個地區的高度，一般是最後一個工具條以下到狀態列以上的這個地區，與頁面內容無關。
2. clientLeft,clientTop:這兩個返回的是元素周圍邊框的厚度,如果不指定一個邊框或者不定位改元素,他的值就是0.
3. scrollHeight,scrollWidth:不管有多少對象在頁面上可見,他們得到的是整體.
4. scrollLeft,scrollTop:如果元素是可以滾動的,可以通過這倆個屬性得到元素在水平和垂直方向上滾動了多遠,單位是象素.
對於不可以滾動的元素,這些值總是0.

5.event.clientX 相對文檔的水平座標  event.clientY 相對文檔的垂直座標

其它的相關：

scrollHeight: 擷取對象的滾動高度（包括padding，不包括border ）。
scrollLeft:設定或擷取位於對象左邊界和視窗中目前可見內容的最左端之間的距離
scrollTop:設定或擷取位於對象最頂端和視窗中可見內容的最頂端之間的距離
scrollWidth:擷取對象的滾動寬度
offsetHeight:擷取對象相對於版面或由父座標 offsetParent 屬性指定的父座標的高度
offsetLeft:擷取對象相對於版面或由 offsetParent 屬性指定的父座標的計算左側位置
offsetTop:擷取對象相對於版面或由 offsetTop 屬性指定的父座標的計算頂端位置

document.documentElement.scrollTop 垂直方向滾動的值
event.clientX+document.documentElement.scrollTop 相對文檔的水平座標+垂直方向滾動的量

 scrollTop,scrollLeft 就是代表頁面上方，左方被捲去而看不見的長度

 

二.