滾動條事件

// 實時監聽元素的滾動事件
$(window).scroll(function(){ ... });

$(window).scrollLefft();  // 獲取滾動條位置
$(window).scrollTop();    

$(window).scrollTop(200);   // 設定滾動條的位置

瀏覽器視窗事件

// 實時監聽瀏覽器視窗變化事件
$(window).resize(function(){ ... });

$(window).height(); //瀏覽器當下視窗可視區域高度

$(document).height(); //瀏覽器當下視窗文件的高度

$(document.body).height();//瀏覽器當下視窗文件body的高度

$(document.body).outerHeight(true);//瀏覽器當下視窗文件body的總高度 包括border padding margin

$(window).width(); //瀏覽器當下視窗可視區域寬度

$(document).width();//瀏覽器當下視窗文件物件寬度

$(document.body).width();//瀏覽器當下視窗文件body的高度

$(document.body).outerWidth(true);//瀏覽器當下視窗文件body的總寬度 包括border padding margin