js 中的一些位置方法

1 , 获取浏览器可视区的宽高

    document.documentElement.clientHeight ;

    document.documentElement.clientWidth ;

2 , 获取内容区域可视区的宽高

    document.body.clientWidth/offsetWidth ;

    document.body.clientHeight/offsetHeight ;

3 , 获取元素的宽高

   

    obj.offsetWidth/obj.offstHeight ;

   

    obj.clientWidth/obj.clinetHeight ;

   

    window.getComputedStyle('div').width/height ;

4 , 获取滚动条的距离

    document.documentElement.scrollTop

    document.documentElement.scrollLeft

5 , 获取元素的距离可视区的距离

   

    obj.offsetLeft/obj.offsetTop

1 , 获取浏览器可视区的宽高

    $(window).width()/height() ;

2 , 获取元素宽高

   

    $("obj").width()/height() ;

   

    $('obj').innerWidth()/innerHeight() ;

   

    $('obj').outerWidth([true])/outerHieght([true]) ;

       

3 , 获取滚动条的距离

    $(window).scrollTop()/$(window).scrollLeft() ;

4 , 获取元素的偏移

   

    $('obj').offset().left/top ;

       

   

    $('obj').position().left/top ;

---------------------

作者：未尛

来源：CSDN

原文：https://blog.csdn.net/qq_37956730/article/details/80885344

版权声明：本文为博主原创文章，转载请附上博文链接！