如何使用 jQuery 计算相对定位元素的绝对位置*没有*
How do I calculate the absolute position of a relatively positioned element *without* using jQuery?
我知道很多方法可以用jQuery计算元素的偏移量或位置,但我正在研究一个库,该库将由可能使用或可能不使用jQuery的客户使用,我需要保持它尽可能小。
是否有一个轻量级库或示例与 jQuery 的 offset() 函数的工作方式相同?
elem.offsetLeft
elem.offsetTop
这两个属性告诉您元素elem
相对于其offsetParent
的位置。元素的 offsetParent 通常是一个包含 position: relative
、表或文档本身(或其他一些我不记得的东西)的容器。
您可以遍历offsetParent
链,直到没有更多的父项,将offsetLeft
和offsetTop
相加以获得相对于整个页面的位置。
看看jquery的代码,看看它是如何计算元素位置的。
请记住,jquery被设计为可以在任何地方工作。
相关文章:
- PHP谷歌地图-位置红色气球没有显示
- 有没有一种方法可以直接从cordova获得滚动位置
- 谷歌地图API标记没有标记我的位置
- 有人知道有没有jquery插件可以在图像上写文本,并让用户将其放置在图像内的任何位置
- 如果设置了位置,如何在每个状态下检查路由器ui,如果没有,则转到登录页
- javascript(但不是jQuery)在x轴上固定了位置,但在y轴上没有
- 完全使用 iframe 嵌入页面,没有边框,在边框曾经的位置没有空格
- 谷歌地理位置没有采取所有ajax参数作为地址
- 如何使用 jQuery 计算相对定位元素的绝对位置*没有*
- jQuery工具提示卡在页面左侧,对放置/位置没有响应
- 由于某些原因,我的左侧位置没有正确定位
- JavaScript的位置.没有添加记录到浏览器历史记录
- 为什么窗口.在yii框架中,位置没有指向查看页面
- Javascript,鼠标位置没有mouseevent,也没有滚动事件
- PHP标头位置没有重定向,也没有错误
- Javascript -窗口.打开& # 39;位置=没有# 39;在Firefox中仍然显示地址栏
- JavaScript的顶部和左侧位置没有按预期工作
- 我可以停止JS位置.没有弹出窗口
- Extjs 4.的位置.没有显式id的哈希
- 使用jQuery/JS查找用户位置(没有谷歌地理定位api)