189 8069 5689
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上下的总高度