jquery獲取元素到屏幕四周可視距離的方法
更新時間：2018年09月05日 11:17:40 作者：空白_回憶
今天小編就為大家分享一篇jquery獲取元素到屏幕四周可視距離的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
實例如下：
$(window).height();//是文檔窗口高度
$("div").offset().top//是標(biāo)簽距離頂部高度（沒有到下面的距離，比如$("div").offset().down）
$("div").offset().left//是標(biāo)簽距離右邊高度（沒有到下面的距離，比如$("div").offset().right）
$(document).scrollTop();//是滾動條高度
$("div").height();//是標(biāo)簽高度
你要的高度+$("div").height()+[$("div").offset().top-$(document).scrollTop()]=$(window).height();
經(jīng)過簡單的數(shù)學(xué)變換即可得到你要的值了！
以上這篇jquery獲取元素到屏幕四周可視距離的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
Javascript函數(shù)中的arguments.callee用法實例分析
這篇文章主要介紹了Javascript函數(shù)中的arguments.callee用法,結(jié)合實例形式分析了arguments.callee操作當(dāng)前方法引用的具體技巧,需要的朋友可以參考下2016-09-09
jQuery實現(xiàn)的手動拖動控制進度條效果示例【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)的手動拖動控制進度條效果,涉及jQuery事件響應(yīng)及頁面元素屬性動態(tài)操作相關(guān)實現(xiàn)技巧,需要的朋友可以參考下2018-04-04
JQuery+drag.js上傳圖片并且實現(xiàn)圖片拖曳
這篇文章主要介紹了JQuery+drag.js上傳圖片并且實現(xiàn)圖片拖曳,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-11-11
本文為大家介紹下使用jquery驗證郵箱、驗證手機號碼，具體實現(xiàn)思路及代碼如下，感興趣的朋友可以學(xué)習(xí)下2013-07-07
jQuery實現(xiàn)點擊表格單元格就可以編輯內(nèi)容的方法【測試可用】
這篇文章主要介紹了jQuery實現(xiàn)點擊表格單元格就可以編輯內(nèi)容的方法,涉及jQuery針對table表格元素的遍歷與動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了jQuery增加與刪除table列的方法,涉及jQuery針對table表格元素動態(tài)操作相關(guān)技巧,需要的朋友可以參考下2016-03-03
Jquery節(jié)點遍歷next與nextAll方法使用示例
next()方法用于獲取“節(jié)點之后”挨著它的第一個“同類同輩”元素。nextAll()方法用于獲取“節(jié)點之后”所有的元素2014-07-07
客戶端的跨域訪問，可以通過jsonp方式來實現(xiàn)，jquery提供了跨域訪問的方法，jQuery.ajax()支持get方式的跨域。當(dāng)然支持跨域還需要服務(wù)器端相應(yīng)的處理。2010-07-07
這篇文章主要介紹了jQuery Jsonp跨域模擬搜索引擎的相關(guān)資料，非常不錯，具有參考借鑒價值,需要的朋友可以參考下2017-06-06
兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果
這篇文章主要介紹了兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果,需要的朋友可以參考下2014-10-10