欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery返回元素距離窗口的坐標

趙雅婷1年前10瀏覽0評論

在前端開發中,經常會用到jQuery框架來操作DOM元素。有時候需要獲取元素距離窗口的坐標,jQuery封裝了一個方法可以輕松實現這個功能。

//獲取元素距離窗口的坐標
var offset = $('#element').offset();
console.log(offset);

其中,'#element'是要獲取坐標的元素選擇器,offset()方法返回一個包含top和left屬性的對象。

但是需要注意的是,這個方法獲取的是相對于document文檔的坐標,不是相對于可視窗口的坐標,因此要加上窗口滾動條滾動的距離才是真正的相對于窗口的坐標。

//獲取元素相對于窗口的坐標
var target = $('#element');
var offset = target.offset();
var scrollLeft = $(window).scrollLeft();
var scrollTop = $(window).scrollTop();
var x = offset.left - scrollLeft;
var y = offset.top - scrollTop;
console.log("x坐標:" + x + ",y坐標:" + y);

上面的代碼中,先獲取元素相對于文檔的坐標,然后再獲取窗口的滾動距離,最后將坐標減去滾動距離得到相對于窗口的坐標。

以上就是jQuery獲取元素距離窗口的坐標的方法,可以方便地實現元素位置的判斷和操作,提高了前端開發的效率。