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

2024-05-06 16:45:56

字体：大中小

来源：转载

供稿：网友

如下所示：

<!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武林网。

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：webpack 3.X学习之多页面打包的方法

下一篇：JS实现点击拉拽轮播图pc端移动端适配