js jquery 获取某一元素到浏览器顶端的距离实现方

今天小编就为大家分享一篇js jquery 获取某一元素到浏览器顶端的距离实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

如下所示:

<!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></div> <div></div> <script src="https://www.jb51.net/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 获取某一元素到浏览器顶端的距离实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/ed7f2013db6a051db9e644cfa2b05c49.html