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 相关文章推荐
服务器安全设置的几个注册表设置
Jul 28 Javascript
用jquery实现等比例缩放图片效果插件
Jul 24 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
Mar 21 Javascript
开发中可能会用到的jQuery小技巧
Mar 07 Javascript
自定义jquery模态窗口插件无法在顶层窗口显示问题
May 29 Javascript
解决ztree搜索中多级菜单展示不全问题
Jul 05 Javascript
十个免费的web前端开发工具详细整理
Sep 18 Javascript
JS获取今天是本月第几周、本月共几周、本月有多少天、是今年的第几周、是今年的第几天的示例代码
Dec 05 Javascript
小程序分页实践之编写可复用分页组件
Jul 18 Javascript
微信小程序 授权登录详解(附完整源码)
Aug 23 Javascript
layui弹出框Tab选项卡的示例代码
Sep 04 Javascript
浅析Vue 中的 render 函数
Feb 28 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
yii,CI,yaf框架+smarty模板使用方法
2015/12/29 PHP
php array_merge_recursive 数组合并
2016/10/26 PHP
php mysql_real_escape_string addslashes及mysql绑定参数防SQL注入攻击
2016/12/23 PHP
PHP中include()与require()的区别说明
2017/02/14 PHP
JS代码格式化和语法着色V2
2006/10/14 Javascript
js一组验证函数
2008/12/20 Javascript
js跨浏览器实现将字符串转化为xml对象的方法
2013/09/25 Javascript
Asp.Net alert弹出提示信息的几种方法总结
2014/01/29 Javascript
js取得html iframe中的元素和变量值
2014/06/30 Javascript
JS获得选取checkbox整行数据的方法
2015/01/28 Javascript
JavaScript实现点击单选按钮改变输入框中文本域内容的方法
2015/08/12 Javascript
JQuery入门基础小实例(1)
2015/09/17 Javascript
Javascript实现的SHA-256加密算法完整实例
2016/02/02 Javascript
10个JavaScript中易犯小错误
2016/02/14 Javascript
理解Javascript图片预加载
2016/02/23 Javascript
jQuery实例—选项卡的简单实现(js源码和jQuery)
2016/06/14 Javascript
JavaScript学习笔记整理_setTimeout的应用
2016/09/19 Javascript
AngularJS表单基本操作
2017/01/09 Javascript
jQuery中on方法使用注意事项详解
2017/02/15 Javascript
ES6实现的遍历目录函数示例
2017/04/07 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
2019/03/26 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
2020/10/02 Javascript
Python迭代用法实例教程
2014/09/08 Python
python通过函数属性实现全局变量的方法
2015/05/16 Python
Python使用pymongo模块操作MongoDB的方法示例
2018/07/20 Python
Django restframework 源码分析之认证详解
2019/02/22 Python
PyTorch中Tensor的数据统计示例
2020/02/17 Python
css3的transform中scale缩放详解
2014/12/08 HTML / CSS
ProBikeKit澳大利亚:自行车套件,跑步和铁人三项装备
2016/11/30 全球购物
大型晚会策划方案
2014/02/06 职场文书
检举信的格式及范文
2014/04/04 职场文书
保护环境标语
2014/06/09 职场文书
群众路线剖析材料(四风问题)
2014/10/08 职场文书
2014年中学生检讨书大全
2014/10/09 职场文书
县委务虚会发言材料
2014/10/20 职场文书
Node.js实现断点续传
2021/06/23 Javascript