如下所示：
<!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 獲取某一元素到瀏覽器頂端的距離實現方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持VeVb武林網。
新聞熱點
疑難解答
