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>

案例截图:

<ul style="position: relative"> <li></li>

  <li></li>

  <li id="flag"></li>

  <li></li>

</ul>

<script>

  $(function(){

      var flag=$("#flag");

    alert(flagposition()top);//距离UI的上边距 50

    alert(flagposition()top+flagheight());//得到75,需加上自身高度

  });

</script>

可以通过position方法获取。把你的父元素设置position

以上就是关于jQuery如何获取html元素相对浏览器窗口的偏移全部的内容,包括:jQuery如何获取html元素相对浏览器窗口的偏移、jquery如何获取某个元素距离它父级的偏移量啊、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9460568.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存