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();
});
})();