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