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 相关文章推荐
jQuery Study Notes学习笔记 (二)
Aug 04 Javascript
基于JQuery的数字改变的动画效果--可用来做计数器
Aug 11 Javascript
js同源策略详解
May 21 Javascript
bootstrap-treeview自定义双击事件实现方法
Jan 09 Javascript
javascript 数组的正态分布排序的问题
Jul 31 Javascript
Bootstrap select下拉联动(jQuery cxselect)
Jan 04 Javascript
AngularJS 使用ng-repeat报错 [ngRepeat:dupes]
Jan 19 Javascript
判断横屏竖屏(三种)
Feb 13 Javascript
浅谈js函数三种定义方式 & 四种调用方式 & 调用顺序
Feb 19 Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
Aug 18 Javascript
JS面向对象编程基础篇(一) 对象和构造函数实例详解
Mar 03 Javascript
JavaScript this关键字指向常用情况解析
Sep 02 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
利用PHPExcel实现Excel文件的写入和读取
2017/04/26 PHP
thinkPHP和onethink微信支付插件分享
2019/08/11 PHP
ThinkPHP 框架实现的读取excel导入数据库操作示例
2020/04/14 PHP
PHP页面静态化――纯静态与伪静态用法详解
2020/06/05 PHP
前淘宝前端开发工程师阿当的PPT中有JS技术理念问题
2010/01/15 Javascript
基于JavaScript 类的使用详解
2013/05/07 Javascript
Jquery EasyUI的添加,修改,删除,查询等基本操作介绍
2013/10/11 Javascript
jquery toolbar与网页浮动工具条具体实现代码
2014/01/12 Javascript
Ajax请求在数据量大的时候出现超时的解决方法
2014/02/27 Javascript
Javascript的表单验证-揭开正则表达式的面纱
2016/03/18 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
2017/04/24 Javascript
用JS实现根据当前时间随机生成流水号或者订单号
2018/05/31 Javascript
详解Vue中使用Echarts的两种方式
2018/07/03 Javascript
使用bootstrap实现下拉框搜索功能的实例讲解
2018/08/10 Javascript
Vue axios设置访问基础路径方法
2018/09/19 Javascript
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
Element Carousel 走马灯的具体实现
2020/07/26 Javascript
JSON stringify方法原理及实例解析
2020/10/23 Javascript
[02:32]DOTA2完美大师赛场馆静安体育中心观赛全攻略
2017/11/08 DOTA
详解Python3中字符串中的数字提取方法
2017/01/14 Python
pandas数据分组和聚合操作方法
2018/04/11 Python
Win10+GPU版Pytorch1.1安装的安装步骤
2019/09/27 Python
python turtle 绘制太极图的实例
2019/12/18 Python
python打开文件的方式有哪些
2020/06/29 Python
Python之qq自动发消息的示例代码
2021/02/18 Python
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
后勤人员自我鉴定
2013/10/20 职场文书
妇科医生自荐信
2013/11/05 职场文书
入党积极分子自我鉴定范文
2014/03/25 职场文书
爱我中华演讲稿
2014/05/20 职场文书
关于感恩的演讲稿400字
2014/08/26 职场文书
党员查摆剖析材料
2014/10/10 职场文书
个人先进材料范文
2014/12/30 职场文书
2015年毕业生实习评语
2015/03/25 职场文书
辩护词格式
2015/05/22 职场文书
Nginx 安装SSL证书完成HTTPS部署
2022/04/28 Servers