jQuery如何获取html元素相对浏览器窗口的偏移

jQuery如何获取html元素相对浏览器窗口的偏移,第1张

jquery代码如下:$("div")scrollTop()

scrollTop()方法介绍:

scrollTop()方法用于返回或设置匹配元素滚动条的垂直位置。

小案例:

<!doctype html>

<html ng-app>

  <head>

      <script src=">

      <meta charset="utf-8">

      <title>获取滚动条离顶部的高度</title>

      <style type="text/css">

      div{

      width: 200px;

      height: 200px;

      overflow: scroll;

      }

      </style>

  </head>

  <body>

      <div>

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      获取滚动条离顶部的高度<br />

      </div>

      <script type="text/javascript">

$(document)ready(function(){

 $("btn")click(function(){

   alert($("div")scrollTop());

 });

});

</script>

      <button class="btn">获得当前滚动条的偏移量</button>

  </body>

</html>

案例截图:

$('h2#answers-title')offset()top-$(document)scrollTop();

$('h2#answers-title')offset()top h2#answers-title元素相对于document的垂直位置

$(document)scrollTop() 整个文档被上卷的高度

2者差就是$('h2#answers-title')相对于当前浏览器视图窗口的垂直位置

以上就是关于jQuery如何获取html元素相对浏览器窗口的偏移全部的内容,包括:jQuery如何获取html元素相对浏览器窗口的偏移、jQuery中获取元素到页面可视区顶端距离有什么方法、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9585968.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-29
下一篇 2023-04-29

发表评论

登录后才能评论

评论列表(0条)

保存