13518219792
1、jquery獲取滾動條高度使用.scrollTop()方法。
創新互聯為客戶提供專業的成都網站設計、成都做網站、程序、域名、空間一條龍服務，提供基于WEB的系統開發. 服務項目涵蓋了網頁設計、網站程序開發、WEB系統開發、微信二次開發、移動網站建設等網站方面業務。
2、首先我們新建一個長篇的HTML文檔。
3、然后我們編輯JS腳本，使用.scroll()方法，監聽網頁滾動。
4、然后我們使用.scrollTop()獲取垂直滾動距離。
5、然后保存文件，查看獲取的垂直滾動距離即可。
jquery獲取html元素的高度使用height()方法即可。
定義和用法：
height() 方法返回或設置匹配元素的高度。
返回高度：
返回第一個匹配元素的高度。
如果不為該方法設置參數，則返回以像素計的匹配元素的高度。
語法：
$(selector).height(length)
例如：
$(".btn1").click(function(){
alert($("p").height());
});
設置高度：
設置所有匹配元素的高度。
語法：
$(selector).height(length)
例如：
$(".btn1").click(function(){
$("p").height(50);
});
1.方法如下：
獲取瀏覽器顯示區域（可視區域）的高度 ：
$(window).height();
獲取瀏覽器顯示區域（可視區域）的寬度 ：
$(window).width();
獲取頁面的文檔高度
$(document).height();
獲取頁面的文檔寬度 ：
$(document).width();
瀏覽器當前窗口文檔body的高度：
$(document.body).height();
瀏覽器當前窗口文檔body的寬度：
$(document.body).width();
獲取滾動條到頂部的垂直高度 (即網頁被卷上去的高度)
$(document).scrollTop();
獲取滾動條到左邊的垂直寬度 ：
$(document).scrollLeft();
獲取或設置元素的寬度：
$(obj).width();
獲取或設置元素的高度：
$(obj).height();
某個元素的上邊界到body最頂部的距離：obj.offset().top;（在元素的包含元素不含滾動條的情況下）
某個元素的左邊界到body最左邊的距離：obj.offset().left;（在元素的包含元素不含滾動條的情況下）
返回當前元素的上邊界到它的包含元素的上邊界的偏移量：obj.offset().top（在元素的包含元素含滾動條的情況下）
返回當前元素的左邊界到它的包含元素的左邊界的偏移量：obj.offset().left（在元素的包含元素含滾動條的情況下）
2.代碼如下：
//返回當前頁面高度
function pageHeight(){
if($.browser.msie){
return document.compatMode == "CSS1Compat"? document.documentElement.clientHeight :
document.body.clientHeight;
}else{
return self.innerHeight;
}
};
//返回當前頁面寬度
function pageWidth(){
if($.browser.msie){
return document.compatMode == "CSS1Compat"? document.documentElement.clientWidth :
document.body.clientWidth;
}else{
return self.innerWidth;
}
};
第一步, 獲取你要得到高度的那個div的jQuery對象, 獲得方法有很多很多種, 具體你可以看一下jQuery API文檔里的選擇器部分, 在這里我只跟你說一個最直接的方法, 通過id獲得: $("#div_id")
第二步, 要看你要得到的是什么高度了, jQuery里現有的三個(其實是兩個)獲得高度的方法是:
1. $("#div_id").height(); // 獲得的是該div本身的高度, (不包含padding,margin,border)
2. $("#div_id").outerHeight(); // 包含該div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
3. $("#div_id").outerHeight(true); // 包含該div本身的高度, 以及padding,border,margin上下的總高度
1、新建html文件
2、創建div元素和按鈕
3、引入jquery.js
4、js創建“height() 方法設置div元素的高度”的代碼
5、預覽效果如圖
6、點擊按鈕，div元素的高度發生改變，預覽效果如圖
建議你這樣試試看：
獲取你要得到高度的那個div的jQuery對象，獲得方法有很多很多種，具體你可以看一下jQuery API文檔里的選擇器部分，在這里我只跟你說一個最直接的方法，通過id獲得：$("#id")
要看你要得到的是什么高度了，jQuery里現有的三個獲得高度的方法是：
$("#id").height(); // 獲得的是該div本身的高度, (不包含padding,margin,border)
$("#id").outerHeight(); // 包含該div本身的高度, padding上下的高度, 以及border上下的高度(不包含margin的高度)
$("#id").outerHeight(true); // 包含該div本身的高度, 以及padding,border,margin上下的總高度
