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)文章
20分鐘打造屬于你的Bootstrap站點，學(xué)會使用twitter bootstrap建立一個站點，從而鞏固Bootstrap一系列基礎(chǔ)知識，感興趣的小伙伴們可以參考一下2016-07-07
這篇文章主要介紹了JavaScript設(shè)計模式之適配器模式介紹,適配器模式,一般是為要使用的接口,不符本應(yīng)用或本系統(tǒng)使用,而需引入的中間適配層類或?qū)ο蟮那闆r,需要的朋友可以參考下2014-12-12
js作用域是前端開發(fā)必掌握的基礎(chǔ)知識。這篇文章主要介紹了javascript中的作用域的相關(guān)資料,需要的朋友可以參考下2016-07-07
跟我學(xué)習(xí)javascript的undefined與null
跟我學(xué)習(xí)javascript的undefined與null，從定義上理解null和undefined，告訴大家提高undefined性能的方法，感興趣的小伙伴們可以參考一下2015-11-11
mpvue實現(xiàn)小程序簽到金幣掉落動畫(api實現(xiàn))
這篇文章主要介紹了mpvue實現(xiàn)小程序簽到金幣掉落動畫,這里使用小程序自帶的api來實現(xiàn)，文中通過實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2019-10-10
關(guān)于JavaScript中parseInt()的一個怪異行為解決
parseInt()是內(nèi)置的?JS?函數(shù),用于解析數(shù)字字符串中的整數(shù),下面這篇文章主要給大家介紹了關(guān)于JavaScript中parseInt()的一個怪異行為解決,文中通過實例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-12-12
這篇文章主要為大家詳細(xì)介紹了JavaScript插件Tab選項卡效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
網(wǎng)站頁面自動跳轉(zhuǎn)實現(xiàn)方法PHP、JSP（上）
自動轉(zhuǎn)向，也叫自動重定向。自動跳轉(zhuǎn)，指當(dāng)訪問用戶登陸到某網(wǎng)站時，自動將用戶轉(zhuǎn)向其它網(wǎng)頁地址的一種技術(shù)。轉(zhuǎn)向的網(wǎng)頁地址可以是網(wǎng)站內(nèi)的其它網(wǎng)頁，也可以是其它網(wǎng)站。2010-08-08
本文主要介紹了10道典型的JavaScript面試題。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03
javascript實現(xiàn)隨機(jī)生成DIV背景色
這篇文章主要介紹了javascript實現(xiàn)隨機(jī)生成DIV背景色的具體代碼，如何設(shè)置DIV背景色為隨機(jī)色，感興趣的小伙伴們可以參考一下2016-06-06