js实现jquery的offset()方法实例
2023-06-13 09:15:39 时间
本文实例讲述了js实现jquery的offset()方法。分享给大家供大家参考。具体分析如下:
用过jQuery的offset()的同学都知道offset().top或offset().left很方便地取得元素相对于整个页面的偏移。
而在js里,没有这样直接的方法,节点的属性offsetTop可以获得该节点相对于父节点的相对偏移,但不能直接获得其绝对偏移,我们可用节点逐层递归向上来相加offsetTop来获得绝对偏移。
if(!offset){
offset={};
offset.top=0;
offset.left=0;
}
if(Node==document.body){//当该节点为body节点时,结束递归
returnoffset;
}
offset.top+=Node.offsetTop;
offset.left+=Node.offsetLeft;
returngetOffset(Node.parentNode,offset);//向上累加offset里的值
}
使用时,则如:
//getOffset(a).top
//getOffset(a).left
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
- js对象数组添加元素
- jquery监听浏览器刷新_jQuery刷新浏览器页面大小
- js怎么让指定方法先后顺序_jquery固定table表头
- 查看服务器上的图片_js获取图片
- js的DOM理解
- jquery动画效果实例_动画js
- js读取本地json文件_jquery读取本地json文件
- js,jquery发送短信倒计时实现代码详解编程语言
- js 设置焦点 判断控件是否获得焦点 判断哪个控件获得焦点详解编程语言
- jQuery表单插件jquery.form.js详解编程语言
- jQuery延迟加载(懒加载)插件 – jquery.lazyload.js详解编程语言
- js jquery 页面加载初始化方法详解编程语言
- 使用JS实现Redis数据读取(js读取redis)
- 使用 JS 操作 Redis:实现强大数据存储.(js调用redis)
- jquery简单图片导航插件jquery.imgNav.js
- JQuery选项卡效果(JS与HTML的分离)
- 初窥JQuery-Jquery简介入门了解篇
- Jquery知识点三jquery表单对象操作
- js延迟加载改变JS的位置加快网页加载速度
- js关闭模态窗口刷新父页面或跳转页面
- Jquery和JS用外部变量获取Ajax返回的参数值的方法实例(超简单)
- JS画5角星方法介绍
- js获取url参数代码实例分享(JS操作URL)
- jQuery避免$符和其他JS库冲突的方法对比
- 图片放大镜jquery.jqzoom.js使用实例附放大镜图标
- node.js实现BigPipe详解
- js读取csv文件并使用json显示出来
- jQuery及JS实现循环中暂停的方法
- 用js提交表单解决一个页面有多个提交按钮的问题