快捷導(dǎo)航

jquery獲取元素到屏幕四周可視距離的方法

更新時(shí)間：2018年09月05日 11:17:40 作者：空白_回憶

今天小編就為大家分享一篇jquery獲取元素到屏幕四周可視距離的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧

實(shí)例如下：

$(window).height();//是文檔窗口高度
$("div").offset().top//是標(biāo)簽距離頂部高度（沒(méi)有到下面的距離，比如$("div").offset().down）
$("div").offset().left//是標(biāo)簽距離右邊高度（沒(méi)有到下面的距離，比如$("div").offset().right）

$(document).scrollTop();//是滾動(dòng)條高度
$("div").height();//是標(biāo)簽高度

你要的高度+$("div").height()+[$("div").offset().top-$(document).scrollTop()]=$(window).height();

經(jīng)過(guò)簡(jiǎn)單的數(shù)學(xué)變換即可得到你要的值了！

以上這篇jquery獲取元素到屏幕四周可視距離的方法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

jQuery的鏈?zhǔn)讲僮魇侨绾螌?shí)現(xiàn)的？為什么要用鏈?zhǔn)讲僮?？接下?lái)會(huì)幫助大家解決這兩個(gè)問(wèn)題，感興趣的朋友可以了解下
2013-01-01

jQuery之字體大小的設(shè)置方法

本篇文章主要是對(duì)jQuery 字體大小的設(shè)置方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助

2014-02-02

基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶名是否存在的實(shí)現(xiàn)代碼

基于jQuery實(shí)現(xiàn)的Ajax 驗(yàn)證用戶名是否存在的實(shí)現(xiàn)代碼，需要的朋友可以參考下。

2011-04-04

如何使用CSS3+JQuery實(shí)現(xiàn)懸浮墻式菜單

這篇文章主要介紹了如何使用CSS3+JQuery實(shí)現(xiàn)懸浮墻式菜單,由于現(xiàn)在很流行的基礎(chǔ)觸摸的web站點(diǎn)可以運(yùn)行在移動(dòng)設(shè)備上，我認(rèn)為我們可以讓那些基于桌面瀏覽器的人們使用站點(diǎn)更加簡(jiǎn)單。,需要的朋友可以參考下

2019-06-06