jquery獲取元素到屏幕四周可視距離的方法
更新時間：2018年09月05日 11:17:40 作者：空白_回憶
今天小編就為大家分享一篇jquery獲取元素到屏幕四周可視距離的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
實例如下：
$(window).height();//是文檔窗口高度
$("div").offset().top//是標簽距離頂部高度（沒有到下面的距離，比如$("div").offset().down）
$("div").offset().left//是標簽距離右邊高度（沒有到下面的距離，比如$("div").offset().right）
$(document).scrollTop();//是滾動條高度
$("div").height();//是標簽高度
你要的高度+$("div").height()+[$("div").offset().top-$(document).scrollTop()]=$(window).height();
經(jīng)過簡單的數(shù)學(xué)變換即可得到你要的值了！
以上這篇jquery獲取元素到屏幕四周可視距離的方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
jQuery鏈式操作如何實現(xiàn)以及為什么要用鏈式操作
jQuery的鏈式操作是如何實現(xiàn)的？為什么要用鏈式操作？接下來會幫助大家解決這兩個問題，感興趣的朋友可以了解下2013-01-01
本篇文章主要是對jQuery 字體大小的設(shè)置方法進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
基于jQuery實現(xiàn)的Ajax 驗證用戶名是否存在的實現(xiàn)代碼
基于jQuery實現(xiàn)的Ajax 驗證用戶名是否存在的實現(xiàn)代碼，需要的朋友可以參考下。2011-04-04
這篇文章主要介紹了如何使用CSS3+JQuery實現(xiàn)懸浮墻式菜單,由于現(xiàn)在很流行的基礎(chǔ)觸摸的web站點可以運行在移動設(shè)備上，我認為我們可以讓那些基于桌面瀏覽器的人們使用站點更加簡單。,需要的朋友可以參考下2019-06-06
改變圖片IMG的鏈接地址在某些特殊情況下實現(xiàn)特殊的功能還是比較不錯的，下面為大家詳細介紹下使用jquery改變圖片IMG的鏈接地址，感興趣的朋友可以參考下哈2013-06-06
使用element-ui的el-menu導(dǎo)航選中后刷新頁面保持當前選中狀態(tài)
這篇文章主要介紹了使用element-ui的el-menu導(dǎo)航選中后刷新頁面保持當前選中狀態(tài)，本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-07-07
這篇文章主要介紹了jQuery操作元素的內(nèi)容和樣式,結(jié)合完整實例形式分析了jquery針對頁面元素內(nèi)容與樣式相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
Mui使用jquery并且使用點擊跳轉(zhuǎn)新窗口的實例
下面小編就為大家?guī)硪黄狹ui使用jquery并且使用點擊跳轉(zhuǎn)新窗口的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
本篇文章小編為大家介紹，關(guān)于jquery css的使用介紹。需要的朋友參考下2013-04-04
jQuery實現(xiàn)根據(jù)生日計算年齡 星座 生肖
本篇文章主要是對利用jQuery實現(xiàn)根據(jù)生日計算年齡，星座，生肖的示例代碼進行了介紹，需要的朋友可以過來參考下2016-11-11