获取元素离文档各边的距离

最新推荐文章于 2021-01-12 18:04:24 发布

Hello World,

最新推荐文章于 2021-01-12 18:04:24 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： WEB Javascript资料 JQuery

本文链接：https://blog.youkuaiyun.com/apollokk/article/details/37730881

Javascript资料同时被 3 个专栏收录

51 篇文章

订阅专栏

WEB

41 篇文章

订阅专栏

JQuery

20 篇文章

订阅专栏

本文介绍了一个实用的JavaScript函数，该函数能够计算并返回指定DOM元素与浏览器视口四边的距离，包括顶部、底部、左侧和右侧的距离，这对于实现元素定位、滚动监听等功能非常有用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

            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;
            }