怎样利用jquery给一个DIV设置坐标?

怎样利用jquery给一个DIV设置坐标?,第1张

jquery给一个DIV设置坐标:\x0d\x0ajquery中设置div的坐标位置方法是通过offset实现的。\x0d\x0a1、获取到div对象并且获取到当前偏移位置\x0d\x0avar p = $("#elementId")对象\x0d\x0avar offset = p.offset()位置\x0d\x0a2、设置坐标位置,一般之关系距离顶部和左部的坐标:\x0d\x0a$("#secondElementId").offset({ top: offset.top, left: offset.left})

        获取元素在当前视口的相对偏移,其返回的对象包含两个整型属性:top和left,此方法只对可见元素有效,可以加参数

        eg(获取偏移量): 

        eg(使用参数):

        获取元素相对于父元素的偏移位置,此方法不可以加参数

        eg(获取相对于父元素的偏移量):

        读取或设置滚动条的坐标

        eg(读取页面滚动条的Y坐标):

            另一种写法:

        eg(设置滚动条滚动到指定位置):

最近做项目,由于zepto使用的功能较少,想将zepto的功能用较少原生实现,其中有个实现zepto的offset()方法取到各种值的难为了我,我百度了下,大体网上千篇一律的这样写到

我本着试试看的态度将这个方法炒了上去,打印出值结果与我需要的值相差甚远,为此我仔细翻了下源码,源码见下面链接

源码

找到如下方法getBoundingClientRect,翻了下caniuse发现兼容性还好(本人移动端),故可以写成以下方式

如果要考虑兼容性,请仔细看zepto源码

另外上述

改成

也可以实现


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/7885857.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-11
下一篇 2023-04-11

发表评论

登录后才能评论

评论列表(0条)

保存