jquery获取屏幕高度
来源:互联网 发布:谷歌访问助手mac版 编辑:程序博客网 时间:2024/05/23 17:05
jquery获取屏幕高度:
$(window).height(); //浏览器当前窗口可视区域高度
$(document).height(); //浏览器当前窗口文档的高度
$(document.body).height(); //浏览器当前窗口文档body的高度
$(document.body).outerHeight(true); //浏览器当前窗口文档body的高度,包括border、padding、margin
js获取屏幕高度:
document.body.clientWidth //网页可见区域宽
document.body.clientHeight //网页可见区域高
document.body.offsetWidth //网页可见区域宽(包括边线)
document.body.offsetHeight //网页可见区域高(包括边线)
document.body.scrollTop //滚动条隐藏部分的高
document.body.scrollLeft //滚动条隐藏部分的左
例子:
//显示顶部隐藏的搜索框
(function(){
$(document).scroll(function(){
var h = $(document).scrollTop(); //获取滚动条高度
h >= 205 ? $('.hidden_search').slideDown() : $('.hidden_search').slideUp();
});
})();
$(window).height(); //浏览器当前窗口可视区域高度
$(document).height(); //浏览器当前窗口文档的高度
$(document.body).height(); //浏览器当前窗口文档body的高度
$(document.body).outerHeight(true); //浏览器当前窗口文档body的高度,包括border、padding、margin
js获取屏幕高度:
document.body.clientWidth //网页可见区域宽
document.body.clientHeight //网页可见区域高
document.body.offsetWidth //网页可见区域宽(包括边线)
document.body.offsetHeight //网页可见区域高(包括边线)
document.body.scrollTop //滚动条隐藏部分的高
document.body.scrollLeft //滚动条隐藏部分的左
例子:
//显示顶部隐藏的搜索框
(function(){
$(document).scroll(function(){
var h = $(document).scrollTop(); //获取滚动条高度
h >= 205 ? $('.hidden_search').slideDown() : $('.hidden_search').slideUp();
});
})();
0 0
- jquery获取屏幕高度
- jquery获取屏幕高度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- jQuery 获取屏幕高度、宽度
- 经典排序算法之冒泡排序
- UVA 216 Getting in Line
- 数组概述+数组排序+数组查找-第5天
- 单例模式的两种实现方式
- CSS3过渡和动画
- jquery获取屏幕高度
- js运算符|| &&
- OC语言中的通知
- MyEclipse 创建基于maven的Web Project工程的若干问题解决方法
- HALCON初步:文件夹遍历,文件筛选,文件名拆分,图片读取及保存
- Android studio使用greenDao
- UVa 11059 最大乘积(枚举)
- ThinkPHP的RBAC权限控制
- apk反编译详解