美文网首页工作生活
js 中的一些位置方法

js 中的一些位置方法

作者: 豆豆_06fa | 来源:发表于2019-07-03 15:27 被阅读0次

<!--原生js-->

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

    document.documentElement.clientHeight ;

    document.documentElement.clientWidth ;

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

    document.body.clientWidth/offsetWidth ;

    document.body.clientHeight/offsetHeight ;

3 , 获取元素的宽高

    <!--包含border+pdding-->

    obj.offsetWidth/obj.offstHeight ;

    <!--包含padding-->

    obj.clientWidth/obj.clinetHeight ;

    <!--不包含border和padding-->

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

4 , 获取滚动条的距离

    document.documentElement.scrollTop

    document.documentElement.scrollLeft

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

    <!--包含滚动条的距离-->

    obj.offsetLeft/obj.offsetTop

<!--jq-->

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

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

2 , 获取元素宽高

    <!--不包含border和padding-->

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

    <!--包含padding-->

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

    <!--包含border和padding-->

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

        <!--

            当参数为true的时候 包含margin

        -->

3 , 获取滚动条的距离

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

4 , 获取元素的偏移

    <!--相对于文档-->

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

        <!--

            设置新的偏移

            $('obj').offset({

                'left':100,

                'top':200

            })

        -->

    <!--相对于父级-->

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

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

作者:未尛

来源:CSDN

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

版权声明:本文为博主原创文章,转载请附上博文链接!

相关文章

  • js 中的一些位置方法

    1 , 获取浏览器可视区的宽高 document.documentElement.cl...

  • 微信小程序之开发遇到 does not have a metho

    在调用方法时,在" "中前后多加了空格; 在 js 中没有定义该方法; 在 js 中方法定义的位置可能不对,比如放...

  • Html中页面组件定位

    html中有多种需求,需要获取到div对象在当前页面中的位置 方法1: 方法2: JS中获得窗口属性的方法 1。获...

  • js中的位置

    offsetParent:该属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含...

  • JavaScript1.0

    如何插入JS ​​ 引用JS外部文件 ​​ 找到你的位置(JS在页面中的位置) ​​ ​​ JavaScript-...

  • JS相关概念

    CSS和JS在网页中的放置位置是怎样的? CSS和JS可以放置在页面的任何位置,但是为了避免一些问题,一般将CSS...

  • js在字符串的指定位置插入新的字符

    js在字符串的指定位置插入新的字符 方法一: 方法二:

  • JS中的“位置”(转)

    offsetParent:该属性返回一个对象的引用,这个对象是距离调用offsetParent的元素最近的(在包含...

  • 关于js中的位置

    总是记不住,真是脑壳疼,再写一次加深记忆!张鑫旭的文章戳这里 梳理了一遍,总计下用的最多的几个属性 getBoun...

  • (转载)vue数据双向绑定原理-observer

    之前的文章《浅析JS中Array对象一些操作方法(附代码)[https://www.php.cn/js-tutor...

网友评论

    本文标题:js 中的一些位置方法

    本文链接:https://www.haomeiwen.com/subject/nuzqhctx.html