欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2018年09月05日 11:11:54   作者：根子的數(shù)據(jù)庫  
今天小編就為大家分享一篇js jquery 獲取某一元素到瀏覽器頂端的距離實(shí)現(xiàn)方法，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧

如下所示：

<!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 獲取某一元素到瀏覽器頂端的距離實(shí)現(xiàn)方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評論