javascript獲取元素離文檔各邊距離的方法
更新時間：2015年02月13日 11:15:59 作者：apollokk
這篇文章主要介紹了javascript獲取元素離文檔各邊距離的方法,以一個自定義函數(shù)形式分析了javascript針對文檔各邊距離的操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了javascript獲取元素離文檔各邊距離的方法。分享給大家供大家參考。具體實現(xiàn)方法如下：
復(fù)制代碼 代碼如下:
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;
}
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程序設(shè)計有所幫助。
相關(guān)文章
Bootstrap 3.x打印預(yù)覽背景色與文字顯示異常的解決
前幾天同事有個問題咨詢我，他在調(diào)用print()來打印頁面，發(fā)現(xiàn)打印預(yù)覽頁面上的背景色無法顯示以及文字總是顯示為黑色，感覺非常奇怪，我通過測試發(fā)現(xiàn)是Bootstrap的問題，現(xiàn)在將解決的方法分享給大家，希望可以幫助到同樣遇到這個問題的朋友們，下面來一起看看。2016-11-11
函數(shù)定義可以嵌套在其他函數(shù)中，常用作子函數(shù)。但不能出現(xiàn)在循環(huán)或條件語句中。2008-10-10
javascript基于DOM實現(xiàn)權(quán)限選擇實例分析
這篇文章主要介紹了javascript基于DOM實現(xiàn)權(quán)限選擇的方法,實例分析了javascript針對頁面元素的動態(tài)選擇與添加刪除等操作的相關(guān)技巧,非常具有實用價值,需要的朋友可以參考下2015-05-05
在網(wǎng)頁里看flash的trace數(shù)據(jù)的js類
我的js類jdhcn.js中的一個flashDebug方法2009-01-01
本篇文章主要介紹了Javascript 實現(xiàn)匿名遞歸的實例代碼，利用 arguments.callee 來實現(xiàn)匿名遞歸的方式。有興趣的可以了解一下2017-05-05
這篇文章主要介紹了JavaScript實現(xiàn)串行請求的示例代碼，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2020-09-09
本篇文章主要是對JS判斷表單輸入是否為空的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
驚云JS隨機排序程序隨機顯示信息-每次新聞顯示順序都不一樣...2007-11-11
今天小編就為大家分享一篇layui關(guān)閉層級、簡單監(jiān)聽的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
Javascript的promise,async和await的區(qū)別詳解
這篇文章主要為大家詳細介紹了Javascript的promise,async和await的區(qū)別，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2022-03-03