JQ滾動條事件

1、對内容區域滾動條滾動的監聽：要放在内容加載的時候

$("#conten").scoll(function(){
    console.log("滾動了");
})
           

2、擷取整個内容區域的滾動高度：

$("#content").get(0).scrollHeight
           

3、區域可見高度

4、目前滾動的地方的視窗頂端到整個内容頂端的距離：

5、讓滾動條預設在最底下

附上其餘擷取各種高度的代碼

在IE中：
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區域寬度
document.documentElement.clientHeight ==> 可見區域高度
在FireFox中：
document.body.clientWidth ==> BODY對象寬度
document.body.clientHeight ==> BODY對象高度
document.documentElement.clientWidth ==> 可見區域寬度
document.documentElement.clientHeight ==> 可見區域高度
?
在Opera中： 
document.body.clientWidth ==> 可見區域寬度
document.body.clientHeight ==> 可見區域高度
document.documentElement.clientWidth ==> 頁面對象寬度（即BODY對象寬度加上Margin寬）
document.documentElement.clientHeight ==> 頁面對象高度（即BODY對象高度加上Margin高）
而如果沒有定義W3C的标準，則
IE為：
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==> 0
FireFox為：
document.documentElement.clientWidth ==> 頁面對象寬度（即BODY對象寬度加上Margin寬）document.documentElement.clientHeight ==> 頁面對象高度（即BODY對象高度加上Margin高）
Opera為：
document.documentElement.clientWidth ==> 頁面對象寬度（即BODY對象寬度加上Margin寬）document.documentElement.clientHeight ==> 頁面對象高度（即BODY對象高度加上Margin高)

 

 

網頁可見區域寬:
document.body.clientWidth

網頁可見區域高:
document.body.clientHeight 

網頁可見區域寬:
document.body.offsetWidth(包括邊線的寬) 

網頁可見區域高:
document.body.offsetHeight(包括邊線的寬) 

網頁正文全文寬:
document.body.scrollWidth 

網頁正文全文高:
document.body.scrollHeight 

網頁被卷去的高:
document.body.scrollTop 

網頁被卷去的左:
document.body.scrollLeft 

網頁正文部分上:
window.screenTop 

網頁正文部分左:
window.screenLeft 

螢幕分辨率的高:
window.screen.height 

螢幕分辨率的寬:
window.screen.width 

螢幕可用工作區高度:
window.screen.availHeight 

螢幕可用工作區寬度:
window.screen.availWidth