jquery获取滚动条位置 jquery获取滚动条高度

• js 和 jquery 获取页面和滚动条的高度  
•    

• //页面位置及窗口大小
• function
• var
• if(window.innerHeight   
• && window.scrollMaxY)   
• {    // Mozilla    
• scrW =   
• window.innerWidth + window.scrollMaxX;      
• scrH = window.innerHeight +   
• window.scrollMaxY;   
• }   
• else if(document.body.scrollHeight >   
• document.body.offsetHeight)  
• {    // all but IE Mac    
• scrW =   
• document.body.scrollWidth;      
• scrH = document.body.scrollHeight;   
• } else
• if(document.body)   
• { // IE Mac    
• scrW = document.body.offsetWidth;      
•   
• scrH = document.body.offsetHeight;  
• }   
• var
•   
• if(window.innerHeight)   
• { // all except IE    
• winW =   
• window.innerWidth;   
• winH = window.innerHeight;   
• } else if
• (document.documentElement &&   
• document.documentElement.clientHeight)  
• {    // IE 6 Strict Mode    
• winW =   
• document.documentElement.clientWidth;       
• winH =   
• document.documentElement.clientHeight;   
• } else if (document.body) { // 
• other      
• winW = document.body.clientWidth;      
• winH =   
• document.body.clientHeight;   
• }    // for small pages with total size less 
• then the viewport   
• var
• var
• (scrH<winH) ? winH : scrH;      
• return
• WinW:winW, WinH:winH};  
•   
• };  
•   
• //滚动条位置
• function
• {   
• var
• if(window.pageYOffset)   
• {    // all except IE    
• y =   
• window.pageYOffset;      
• x = window.pageXOffset;   
• } else
• if(document.documentElement && document.documentElement.scrollTop)   
•   
• {    // IE 6 Strict    
• y = document.documentElement.scrollTop;      
• x   
• = document.documentElement.scrollLeft;   
• } else if(document.body) {    // all 
• other IE      
• y = document.body.scrollTop;      
• x =   
• document.body.scrollLeft;     
• }   
• return
• Y:y};  
•   
• }

•   
•   
• jquery  
•   

• 获取浏览器显示区域的高度 ：   
• $(window).height();   
• 获取浏览器显示区域的宽度 ：$(window).width();   
• 获取页面的文档高度   
• ：$(document).height();   
• 获取页面的文档宽度 ：$(document).width();  
•   
• 获取滚动条到顶部的垂直高度   
• ：$(document).scrollTop();   
• 获取滚动条到左边的垂直宽度 ：$(document).scrollLeft();

•   
•   
• 计算元素位置和偏移量   
•   
• offset方法是一个很有用的方法，它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。  
•   
• offset(options, results)   
• options.relativeTo　　指定相对计   
• 算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。   
• options.scroll　　是否把   
• 滚动条计算在内，默认TRUE   
• options.padding　　是否把padding计算在内，默认false
• options.margin   
• true
• options.border　　是否把边框计算在内，默认true
•   
•   
• alert($(window).height()); //浏览器当前窗口可视区域高度 
• alert($(document).height()); //浏览器当前窗口文档的高度 
• alert($(document.body).height());//浏览器当前窗口文档body的高度 
• alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin 
• alert($(window).width()); //浏览器当前窗口可视区域宽度 
• alert($(document).width());//浏览器当前窗口文档对象宽度 
• alert($(document.body).width());//浏览器当前窗口文档body的高度 
• alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin 
•    

• // 获取页面的高度、宽度
• function
• var
• if
•         xScroll = window.innerWidth + window.scrollMaxX;  
•         yScroll = window.innerHeight + window.scrollMaxY;  
• else
• if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac    
•             xScroll = document.body.scrollWidth;  
•             yScroll = document.body.scrollHeight;  
• else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari    
•             xScroll = document.body.offsetWidth;  
•             yScroll = document.body.offsetHeight;  
•         }  
•     }  
• var
• if (self.innerHeight) { // all except Explorer    
• if
•             windowWidth = document.documentElement.clientWidth;  
• else
•             windowWidth = self.innerWidth;  
•         }  
•         windowHeight = self.innerHeight;  
• else
• if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode    
•             windowWidth = document.documentElement.clientWidth;  
•             windowHeight = document.documentElement.clientHeight;  
• else
• if (document.body) { // other Explorers    
•                 windowWidth = document.body.clientWidth;  
•                 windowHeight = document.body.clientHeight;  
•             }  
•         }  
•     }         
• // for small pages with total height less then height of the viewport    
• if
•         pageHeight = windowHeight;  
• else
•         pageHeight = yScroll;  
•     }      
• // for small pages with total width less then width of the viewport    
• if
•         pageWidth = xScroll;  
• else
•         pageWidth = windowWidth;  
•     }  
• new
• return
• }  
•    
• // 滚动条
• document.body.scrollTop;  
• $(document).scrollTop();