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 19 Javascript
javascript应用:Iframe自适应其加载的内容高度
Apr 10 Javascript
JS模拟的QQ面板上的多级可展开的菜单
Oct 10 Javascript
用js解决数字不能换行问题
Aug 10 Javascript
不同Jquery版本引发的问题解决
Oct 14 Javascript
JS实现在状态栏显示打字效果完整实例
Nov 02 Javascript
关于bootstrap日期转化,bootstrap-editable的简单使用,bootstrap-fileinput的使用详解
May 12 Javascript
在vue-cli搭建的项目中增加后台mock接口的方法
Apr 26 Javascript
React 无状态组件(Stateless Component) 与高阶组件
Aug 14 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
Nov 26 Javascript
webpack3.0升级4.0的方法步骤
Apr 02 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
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
dedecms模版制作使用方法
2007/04/03 PHP
用来解析.htgroup文件的PHP类
2012/09/05 PHP
fckeditor上传文件按日期存放及重命名方法
2015/05/22 PHP
PHP基于XMLWriter操作xml的方法分析
2017/07/17 PHP
PHP封装mysqli基于面向对象的mysql数据库操作类与用法示例
2019/02/25 PHP
通过PHP实现用户注册后邮箱验证激活
2020/11/10 PHP
nginx 设置多个站跨域
2021/03/09 Servers
artdialog的图片/标题以及关闭按钮不显示的解决方法
2013/06/27 Javascript
getAsDataURL在Firefox7.0下无法预览本地图片的解决方法
2013/11/15 Javascript
Jquery对数组的操作技巧整理
2014/03/25 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
2014/06/23 Javascript
javascript中解析四则运算表达式的算法和示例
2014/08/11 Javascript
jQuery继承extend用法详解
2016/10/10 Javascript
js querySelector() 使用方法
2016/12/21 Javascript
vue解决跨域路由冲突问题思路解析
2017/11/03 Javascript
利用Promise自定义一个GET请求的函数示例代码
2019/03/20 Javascript
vue路由权限校验功能的实现代码
2020/06/07 Javascript
JavaScript实现矩形块大小任意缩放
2020/08/25 Javascript
[01:02:26]DOTA2-DPC中国联赛 正赛 SAG vs RNG BO3 第二场 1月18日
2021/03/11 DOTA
Python中多个数组行合并及列合并的方法总结
2018/04/12 Python
Python数据类型之List列表实例详解
2019/05/08 Python
python之pygame模块实现飞机大战完整代码
2020/11/29 Python
canvas绘制视频封面的方法
2018/02/05 HTML / CSS
倩碧英国官网:Clinique英国
2018/08/10 全球购物
Dodax奥地利:音乐、电影、书籍、玩具、电子产品等
2019/08/31 全球购物
英国马莎百货印度官网:Marks & Spencer印度
2020/10/08 全球购物
你所在的项目是如何确定版本号的
2015/12/28 面试题
高校学生干部的自我评价分享
2013/11/04 职场文书
爱情保证书范文
2014/02/01 职场文书
商务邀请函
2015/01/30 职场文书
公司开除员工通知
2015/04/22 职场文书
主持人开场白台词
2015/05/29 职场文书
2016新年晚会开场白
2015/12/03 职场文书
导游词之藏龙百瀑景区
2019/12/30 职场文书
如何解决springcloud feign 首次调用100%失败的问题
2021/06/23 Java/Android
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang