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 相关文章推荐
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
Sep 25 Javascript
Javascript弹出窗口的各种方法总结
Nov 11 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
Dec 27 Javascript
详解js闭包
Sep 02 Javascript
JavaScript自定义等待wait函数实例分析
Mar 23 Javascript
java中String类型变量的赋值问题介绍
Mar 23 Javascript
js实现各种复制到剪贴板的方法(分享)
Oct 27 Javascript
快速实现JS图片懒加载(可视区域加载)示例代码
Jan 04 Javascript
利用jQuery实现一个简单的表格上下翻页效果
Mar 14 Javascript
react 实现页面代码分割、按需加载的方法
Apr 03 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
JavaScript设计模式--桥梁模式引入操作实例分析
May 23 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图片处理之使用imagecopyresampled函数裁剪图片例子
2014/11/19 PHP
yii实现CheckBox复选框在同一行显示的方法
2014/12/03 PHP
php文件上传原理与实现方法详解
2019/12/20 PHP
打开超链需要“确认”对话框的方法
2007/03/08 Javascript
js几个验证函数代码
2010/03/25 Javascript
基于jQuery的图片剪切插件
2011/08/03 Javascript
js判断一个元素是否为另一个元素的子元素的代码
2012/03/21 Javascript
基于jQuery实现的文字按钮表单特效整理
2014/12/07 Javascript
jQuery前端分页示例分享
2015/02/10 Javascript
详解JavaScript的回调函数
2015/11/20 Javascript
Javascript页面跳转常见实现方式汇总
2015/11/28 Javascript
AngularJs 国际化(I18n/L10n)详解
2016/09/01 Javascript
Vue.js绑定HTML class数组语法错误的原因分析
2016/10/19 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
2017/06/13 Javascript
JavaScript 保护变量不被随意修改的实现代码
2017/09/27 Javascript
vue axios数据请求get、post方法及实例详解
2018/09/11 Javascript
Vue2.5学习笔记之如何在项目中使用和配置Vue
2018/09/26 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
vue项目配置 webpack-obfuscator 进行代码加密混淆的实现
2021/02/26 Vue.js
[01:11:46]DOTA2-DPC中国联赛 正赛 iG vs Magma BO3 第一场 2月23日
2021/03/11 DOTA
[41:52]DOTA2-DPC中国联赛 正赛 CDEC vs Dynasty BO3 第二场 2月22日
2021/03/11 DOTA
基于scrapy的redis安装和配置方法
2018/06/13 Python
Django中ORM外键和表的关系详解
2019/05/20 Python
Django实现WebSSH操作物理机或虚拟机的方法
2019/11/06 Python
Windows下Anaconda和PyCharm的安装与使用详解
2020/04/23 Python
Python可以实现栈的结构吗
2020/05/27 Python
pycharm不以pytest方式运行,想要切换回普通模式运行的操作
2020/09/01 Python
python解决OpenCV在读取显示图片的时候闪退的问题
2021/02/23 Python
澳大利亚先进的皮肤和激光诊所购物网站:Soho Skincare
2018/10/15 全球购物
洲际酒店集团英国官网:IHG英国
2019/07/10 全球购物
俄罗斯第一家多品牌在线奢侈品精品店:Aizel.ru
2020/09/06 全球购物
学校办公室主任职责
2013/12/27 职场文书
刑事辩护词范文
2015/05/21 职场文书
教你利用Selenium+python自动化来解决pip使用异常
2021/05/20 Python
一篇文章学会Vue中间件管道
2021/06/20 Vue.js
docker 制作mysql镜像并自动安装
2022/05/20 Servers