javascript获取元素离文档各边距离的方法


Posted in Javascript onFebruary 13, 2015

本文实例讲述了javascript获取元素离文档各边距离的方法。分享给大家供大家参考。具体实现方法如下:

function getDistance(obj) {  

 if (!obj instanceof jQuery) {  

     obj = $(obj);  

 }  

 var distance = {};  

 distance.top = (obj.offset().top - $(document).scrollTop());  

 distance.bottom = ($(window).height() - distance.top - obj.outerHeight());  

 distance.left = (obj.offset().left - $(document).scrollLeft());  

 distance.right = ($(window).width() - distance.left - obj.outerWidth());  

 return distance;  

}

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
javascript 显示当前系统时间代码
Dec 28 Javascript
C#中TrimStart,TrimEnd,Trim在javascript上的实现
Jan 17 Javascript
Javascript 多浏览器兼容总结(实战经验)
Oct 30 Javascript
jquery获取tagName再进行判断
May 29 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
Mar 04 Javascript
js+html5实现的自由落体运动效果代码
Jan 28 Javascript
js排序与重组的实例讲解
Aug 28 Javascript
JavaScript闭包原理与用法实例分析
Aug 10 Javascript
用js简单提供增删改查接口
May 12 Javascript
微信小程序实现录制、试听、上传音频功能(带波形图)
Feb 27 Javascript
JS如何生成动态列表
Sep 22 Javascript
详解uniapp的全局变量实现方式
Jan 11 Javascript
jQuery点缩略图弹出层显示大图片
Feb 13 #Javascript
Js控制滑轮左右滑动实例
Feb 13 #Javascript
JavaScript函数作用域链分析
Feb 13 #Javascript
JavaScript匿名函数用法分析
Feb 13 #Javascript
js实现进度条的方法
Feb 13 #Javascript
动态加载js的方法汇总
Feb 13 #Javascript
jQuery EasyUI datagrid实现本地分页的方法
Feb 13 #Javascript
You might like
php中时间轴开发(刚刚、5分钟前、昨天10:23等)
2011/10/03 PHP
CI框架中通过hook的方式实现简单的权限控制
2015/01/07 PHP
yii2.0使用Plupload实现带缩放功能的多图上传
2015/12/22 PHP
PHP设置Cookie的HTTPONLY属性方法
2017/02/09 PHP
JavaScript 基础篇之对象、数组使用介绍(三)
2012/04/07 Javascript
JavaScript 用cloneNode方法克隆节点的代码
2012/10/15 Javascript
javascript中的document.open()方法使用介绍
2013/10/09 Javascript
js使用post 方式打开新窗口
2015/02/26 Javascript
jQuery实现带幻灯的tab滑动切换风格菜单代码
2015/08/27 Javascript
学习使用AngularJS文件上传控件
2016/02/16 Javascript
jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
2016/02/25 Javascript
BootStrap 智能表单实战系列(五) 表单依赖插件处理
2016/06/13 Javascript
Javascript+CSS3实现进度条效果
2016/10/28 Javascript
深入理解javascript的getTime()方法
2017/02/16 Javascript
JS实现统计字符串中字符出现个数及最大个数功能示例
2018/06/04 Javascript
Vant的安装和配合引入Vue.js项目里的方法步骤
2018/12/05 Javascript
JS模拟浏览器实现全局搜索功能
2019/09/11 Javascript
vue点击页面空白处实现保存功能
2019/11/06 Javascript
Vue检测屏幕变化来改变不同的charts样式实例
2020/10/26 Javascript
[34:39]Secret vs VG 2018国际邀请赛淘汰赛BO3 第二场 8.23
2018/08/24 DOTA
Python 性能优化技巧总结
2016/11/01 Python
django做form表单的数据验证过程详解
2019/07/26 Python
Python装饰器的应用场景代码总结
2020/04/10 Python
Python网页解析器使用实例详解
2020/05/30 Python
柯基袜:Corgi Socks
2017/01/26 全球购物
孤独星球出版物:Lonely Planet Publications
2018/03/17 全球购物
一站式跨境收款解决方案:Payoneer(派安盈)
2018/09/06 全球购物
关于Assembly命名空间的三个面试题
2015/07/23 面试题
英文商务邀请信
2014/01/22 职场文书
物业保安员岗位职责制度
2014/01/30 职场文书
超越自我演讲稿
2014/05/21 职场文书
2014坚持党风廉政建设思想汇报
2014/09/18 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书
离婚被告代理词
2015/05/23 职场文书
中学校园广播稿
2015/08/18 职场文书
Python 使用dict实现switch的操作
2021/04/07 Python