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 相关文章推荐
lib.utf.js
Aug 21 Javascript
Firefox div高度自适应
Apr 28 Javascript
javascript闭包入门示例
Apr 30 Javascript
编程语言JavaScript简介
Oct 16 Javascript
angularJS 中input示例分享
Feb 09 Javascript
jquery实现翻动fadeIn显示的方法
Mar 05 Javascript
总结JavaScript中布尔操作符||与&&的使用技巧
Nov 17 Javascript
详解JavaScript中|单竖杠运算符的使用方法
May 23 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
浅谈js使用in和hasOwnProperty获取对象属性的区别
Apr 27 Javascript
package.json文件配置详解
Jun 15 Javascript
node crawler如何添加promise支持
Feb 01 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
《星际争霸II》全新指挥官斯台特曼现已上线
2020/03/08 星际争霸
四月新番又没了,《Re:从零开始的异世界生活》第二季延期至7月播出
2020/05/06 日漫
解析PHP高效率写法(详解原因)
2013/06/20 PHP
PHP常量及变量区别原理详解
2020/08/14 PHP
Javascript JSQL,SQL无处不在,
2010/05/05 Javascript
js快速排序的实现代码
2013/12/08 Javascript
2014最热门的JavaScript代码高亮插件推荐
2014/11/25 Javascript
jQuery中nextAll()方法用法实例
2015/01/07 Javascript
IE中鼠标经过option触发mouseout的解决方法
2015/01/29 Javascript
Redis基本知识、安装、部署、配置笔记
2015/03/05 Javascript
Nodejs学习笔记之测试驱动
2015/04/16 NodeJs
Nodejs如何复制文件
2016/03/09 NodeJs
JavaScript获取图片像素颜色并转换为box-shadow显示
2016/03/11 Javascript
jQuery插件HighCharts绘制2D饼图效果示例【附demo源码下载】
2017/03/21 jQuery
详解webpack-dev-server使用http-proxy解决跨域问题
2018/01/13 Javascript
Angular4.x Event (DOM事件和自定义事件详解)
2018/10/09 Javascript
使用JavaScript计算前一天和后一天的思路详解
2019/12/20 Javascript
vue中watch和computed的区别与使用方法
2020/08/23 Javascript
vue3.0中友好使用antdv示例详解
2021/01/05 Vue.js
[02:41]《西雅图我们来了》2015国际邀请赛出征全记录
2015/07/23 DOTA
Python将8位的图片转为24位的图片实现方法
2018/10/24 Python
Python解析json代码实例解析
2019/11/25 Python
基于Django signals 信号作用及用法详解
2020/03/28 Python
python Django 反向访问器的外键冲突解决
2020/05/20 Python
Python新手学习标准库模块命名
2020/05/29 Python
python ssh 执行shell命令的示例
2020/09/29 Python
HTML5视频播放插件 video.js介绍
2018/09/29 HTML / CSS
旅游管理专业大学生职业规划书
2014/02/27 职场文书
市场营销战略计划书
2014/05/06 职场文书
保护动物的标语
2014/06/11 职场文书
中层干部培训方案
2014/06/16 职场文书
保密工作目标责任书
2014/07/28 职场文书
改作风抓落实促发展心得体会
2014/09/10 职场文书
班主任班级管理心得体会
2016/01/07 职场文书
仅用一句SQL更新整张表的涨跌幅、涨跌率的解决方案
2021/05/06 MySQL
CSS使用SVG实现动态分布的圆环发散路径动画
2022/12/24 HTML / CSS