javascript获取元素离文档各边距离的方法
作者:bea
本文实例讲述了javascript获取元素离文档各边距离的方法。分享给大家供大家参考。具体实现方法如下: 代码如下: function getDistance(obj) { if (!obj instanceof jQuery) { obj = $(obj); } var distance = {}; distance.top = (obj.offset().top - $(document).scrollTop()); distance.bot
本文实例讲述了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程序设计有所帮助。
有用 | 无用
代码如下:
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中函数声明和函数表达式的区别
- 不同编码的页面表单数据乱码问题解决方法
- 浅谈javascript中this在事件中的应用
- javascript使用正则表达式实现去掉空格之后的字符
- 分享一个自己写的简单的javascript分页组件
- Linux下编译安装php libevent扩展实例
- jQuery中extend函数详解
- NodeJS使用jQuery选择器操作DOM
- JavaScript将Web页面内容导出到Word及Excel的方法
- javascript上下方向键控制表格行选中并高亮显示的方法
- JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
- jQuery实现DIV层淡入淡出拖动特效的方法
- JS实现固定在右下角可展开收缩DIV层的方法
- JS仿iGoogle自定义首页模块拖拽特效的方法
- JS弹出可拖拽可关闭的div层完整实例
- AngularJS表单编辑提交功能实例
- javascript转换日期字符串为Date日期对象的方法
- jQuery动态修改超链接地址的方法
- jQuery实现contains方法不区分大小写的方法