亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jquery獲取div距離窗口和父級dv的距離示例

2019-11-20 21:54:44
字體：大 中 小
來源：轉載
供稿：網友

jquery中jquery.offset().top / left用于獲取div距離窗口的距離，jquery.position().top / left 用于獲取距離父級div的距離（必須是絕對定位的div）。

（1）先介紹jquery.offset().top / left
css：

復制代碼 代碼如下:

*{ margin: 0px; padding: 0px; }
div{ margin: 0px auto; }
.a{ width: 960px; height: 200px; }
.parentBox{ padding: 30px; margin-top: 40px; width: 960px; height: 300px; }
.innerBox{ padding: 20px; margin-top: 10px; width: 400px; height: 100px; }

html:
復制代碼 代碼如下:

<body>
<div class="a"> a<div>
<div class="parentBox">
<div class="innerBox">innerBox</div>
</div>
</body>

js:
復制代碼 代碼如下:

$(function(){
var_offsetTop = $(".innerBox").offset().top; //280px
})

這里的280px= a.height/200px + parentBox.padding-top/30px + parentBox.margin-top/40px + innerBox.margin-top/10px;
//如果這邊parentBox設置position： relative； innerBox設置position：absolute；并且innerBox設置了top： 40px；
//此時_offsetTop的值為290px = a.height/200px + parentBox.margin-top/40px + innerBox.margin-top/10px + ineBox.top/40px;
//因為絕對定義是以父級div的左上角的內邊框為參考坐標的。
//如果innerBox設置了邊框的話還要加上邊框的值

（2）jqury.position().top /left用于獲取子div距離父級div的距離，并且子div必須是絕對定位
css：
復制代碼 代碼如下:

*{ margin: 0px; padding: 0px; }
div{ margin: 0px auto; }
.a{ width: 960px; height: 200px; }
.parentBox{ padding: 30px; margin-top: 40px; width: 960px; height: 300px; position: relative; }
.innerBox{ padding: 20px; margin-top: 10px; width: 400px; height: 100px; position: absolute; }

html:
復制代碼 代碼如下:

<body>
<div class="a"> a<div>
<div class="parentBox">
<div class="innerBox">innerBox</div>
</div>
</body>

js:
復制代碼 代碼如下:

$(function(){
var_offsetTop = $(".innerBox").offset().top; //280px
})

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
中文国产成人精品久久一| 国产日韩精品一区二区| 久久亚洲一区二区三区四区五区高| 亚洲欧美制服丝袜| 播播国产欧美激情| 国产日韩在线看片| 日韩av电影在线免费播放| 2019中文字幕全在线观看| 欧美黄色片视频| 国产一区二区美女视频| 欧美高跟鞋交xxxxhd| 日韩欧美在线一区| 国产精品久久久久久久午夜| 国产精品女人网站| 亚洲精品福利免费在线观看| 亚洲国产日韩欧美综合久久| 国内精品视频久久| 色吧影院999| 欧美精品videosex极品1| 日韩高清人体午夜| 久久久久久久久久婷婷| 久久人人爽国产| 国产成人综合一区二区三区| 国产成人综合亚洲| 欧美在线视频网站| 精品电影在线观看| 亚洲精品自在久久| 色视频www在线播放国产成人| 亚洲成人精品久久久| 亚洲男人的天堂网站| 精品一区二区三区三区| 国产女人18毛片水18精品| 亚洲国产精品va在线看黑人| 欧美裸体男粗大视频在线观看| 国产精品一区二区三区在线播放| 在线观看国产精品91| 国产福利成人在线| 69**夜色精品国产69乱| 欧美国产乱视频| 亚洲成人激情视频| 欧美午夜激情在线| 欧美猛男性生活免费| 欧美精品在线免费播放| 精品久久久久久| 91国偷自产一区二区三区的观看方式| 亚洲精品国产电影| 国产成人涩涩涩视频在线观看| 欧美国产日韩二区| 26uuu亚洲国产精品| 日韩有码在线电影| 亚洲香蕉av在线一区二区三区| 成人国产在线激情| 精品国产一区二区三区四区在线观看| 欧美亚洲成人免费| 日韩av大片免费看| 久久久久免费精品国产| 久久久久久久久久久国产| 最近2019好看的中文字幕免费| 国产小视频国产精品| 成人久久久久久| 亚洲国产精品嫩草影院久久| 亚洲精品狠狠操| 国产日韩欧美综合| 国产精品网站视频| 欧美日韩中文字幕在线| 2019国产精品自在线拍国产不卡| 欧美另类69精品久久久久9999| 欧美成人黄色小视频| 成人午夜两性视频| 欧美日韩国产在线看| 狠狠操狠狠色综合网| 亚洲国产精品成人一区二区| 欧美激情一级二级| 久久久久久国产精品美女| 国产精品久久久久久av下载红粉| 亚洲欧美国内爽妇网| 国产大片精品免费永久看nba| 欧美性xxxxhd| 97精品视频在线观看| 欧美激情精品在线| 黄网动漫久久久| 亚洲色图综合久久| 91爱爱小视频k| 国产亚洲成av人片在线观看桃| 日韩精品www| 国产人妖伪娘一区91| 欧美黑人一级爽快片淫片高清| 91在线观看免费观看| xvideos成人免费中文版| 亚洲一区二区三区乱码aⅴ| 日韩美女在线播放| 亚洲成人av片在线观看| 久久久久久久久久久免费精品| 亚洲乱码av中文一区二区| 91久久久精品| 国产精品女人久久久久久| 丝袜亚洲另类欧美重口| 国产欧美日韩高清| 粗暴蹂躏中文一区二区三区| 国产日韩欧美电影在线观看| 日韩三级成人av网| 在线视频中文亚洲| 69av在线播放| 亚洲深夜福利在线| 欧美午夜精品久久久久久久| 亚洲网址你懂得| 精品夜色国产国偷在线| 欧美精品一区二区三区国产精品| 国产亚洲日本欧美韩国| 国产精品av免费在线观看| 国产美女精品视频免费观看| 亚洲一区二区三区乱码aⅴ蜜桃女| 欧美精品一区二区三区国产精品| 国产97在线|日韩| 91国内精品久久| 懂色av中文一区二区三区天美| 一区二区三区精品99久久| 国产精品video| 欧美精品在线视频观看| 琪琪第一精品导航| 丝袜亚洲另类欧美重口| 精品综合久久久久久97| 久久这里只有精品视频首页| 欧美成人一区二区三区电影| 欧美成人一区二区三区电影| 欧美日韩美女在线观看| 午夜精品福利在线观看| 日韩中文字幕久久| 国产精品一区专区欧美日韩| 欧美日韩国产在线播放| 午夜精品在线视频| 欧美福利在线观看| 国产成人在线播放| 国模精品视频一区二区三区| 久久久成人精品| 亚洲成人免费网站| 中文字幕国产精品久久| 久久电影一区二区| 久久夜色精品亚洲噜噜国产mv| 国产精品一香蕉国产线看观看| 国产精品日韩在线观看| 亚洲人成网7777777国产| 亚洲成人三级在线| 久久夜色精品国产亚洲aⅴ| 日韩视频免费中文字幕| 欧美日韩福利在线观看| 韩剧1988免费观看全集| 国产精品日韩欧美大师| 国产精品视频26uuu| 亚洲男人天堂手机在线| 欧美一区二区三区图| 亚洲精品久久在线| 国产精品视频自拍| 久久理论片午夜琪琪电影网| 成人午夜在线视频一区| 中文字幕久精品免费视频| 日韩av网站在线| 欧美性猛交xxxx黑人| 久久天天躁狠狠躁夜夜躁| 亚洲欧洲一区二区三区在线观看| 成人精品久久一区二区三区| 欧美成人午夜剧场免费观看| 亚洲曰本av电影| 欧美裸体xxxx极品少妇软件|