<ruby id="t0iay"><samp id="t0iay"></samp></ruby>

<rt id="t0iay"></rt>

^{<blockquote id="t0iay"></blockquote>}

點擊下載
本文文檔

當(dāng)前位置：首頁 - 科技 - 知識百科 - 正文

js jquery 獲取某一元素到瀏覽器頂端的距離實現(xiàn)方法

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 22:08:20

js jquery 獲取某一元素到瀏覽器頂端的距離實現(xiàn)方法

js jquery 獲取某一元素到瀏覽器頂端的距離實現(xiàn)方法:如下所示： <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <style> body{ margin: 0; padding: 0; } .mdiv{ width: 100px; height: 100px; ba

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀js jquery 獲取某一元素到瀏覽器頂端的距離實現(xiàn)方法:如下所示： <!doctype html> <html lang=en> <head> <meta charset=UTF-8> <style> body{ margin: 0; padding: 0; } .mdiv{ width: 100px; height: 100px; ba

如下所示：

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <style>
 body{
 margin: 0;
 padding: 0;
 }
 .mdiv{
 width: 100px;
 height: 100px;
 background-color: red;
 }
 </style>
</head>
 
<body>
<div style="height: 1000px"></div>
<div class="banner"></div>
<script src="jquery.js"></script> //自行下載
<script>
 //原生
 //獲取div距離頂部的距離
 var mTop = document.getElementsByClassName('banner')[0].offsetTop;
 //減去滾動條的高度
 var sTop = document.body.scrollTop;
 var result = mTop - sTop;
 console.log(result);
 //Jquery
 mTop = $('.banner')[0].offsetTop;
 sTop = $(window).scrollTop();
 result = mTop - sTop;
 console.log(result);
</script>
</body>

以上這篇js jquery 獲取某一元素到瀏覽器頂端的距離實現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

js jquery 獲取某一元素到瀏覽器頂端的距離實現(xiàn)方法

推薦度：

點擊下載本文 文檔為doc格式

標(biāo)簽：元素 js 頂端

熱門焦點

做爰高潮a片〈毛片〉,尤物av天堂一区二区在线观看,一本久久A久久精品VR综合,添女人荫蒂全部过程av

js jquery 獲取某一元素到瀏覽器頂端的距離實現(xiàn)方法

js jquery 獲取某一元素到瀏覽器頂端的距離實現(xiàn)方法

js jquery 獲取某一元素到瀏覽器頂端的距離實現(xiàn)方法

最新推薦

猜你喜歡

熱門推薦