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;  

}

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

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