各种宽高

2019-10-10

1.js的获取宽高

    document.documentElement.clientWidth || document.body.clientWidth    //可视区宽    
    document.documentElement.clientHeight || document.body.clientHeight    //可视区高
    
    document.documentElement.offsetWidth || document.body.offsetWidth    //当前窗口文档的宽
    document.documentElement.offsetHeight || document.body.offsetHeight  //当前窗口文档的高

    document.documentElement.scrollTop || document.body.scrollTop    //网页被卷进去的Top
    document.documentElement.scrollLeft || document.body.scrollLeft   //网页被卷进去的Left

 

2.jquery获取宽高

    $(window).width();   //可视区的宽
    $(window).height();   //可视区的高

    $(document).width();   //当前窗口文档的宽
    $(document).height();   //当前窗口文档的高

    $(window).scrollTop();     //网页被卷进去的Top
    $(window).scrollLeft();     //网页被卷进去的Left

offset(   )     返回或者设置元素相对文档的偏移

position() 返回元素相对定位元素的偏移