position()方法

最新推荐文章于 2023-05-05 10:59:02 发布

bangmi4327

最新推荐文章于 2023-05-05 10:59:02 发布

阅读量145

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/liyuhao/archive/2012/07/12/2588905.html

版权

对 jQuery 对象调用 position() 方法取得 left 和 top 后，left 和 top 取得的是 box 之间的相对位移。（即 margin 不会被加到 top 或 left 上）

另外，外联 CSS 若放在 <script> 之后，在 chrome 上取得的 top 和 left 不稳定，在 FF 上取值稳定，和浏览器加载顺序有关，把 CSS 样式前置可避免问题。

http://api.jquery.com/position/

<!DOCTYPE html>
<html>
<head>
  <style>

  div { padding: 15px;}
  p { margin-left:10px; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  
<div>
  <p>Hello</p>
</div>
<p></p>

<script>
var p = $("p:first");
var position = p.position();
$("p:last").text( "left: " + position.left + ", top: " + position.top );
</script>

</body>
</html>

转载于:https://www.cnblogs.com/liyuhao/archive/2012/07/12/2588905.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

bangmi4327

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
position()方法

对 jQuery 对象调用 position() 方法取得 left 和 top 后，left 和 top 取得的是 box 之间的相对位移。（即 margin 不会被加到 top 或 left 上）另外，外联 CSS 若放在 <script> 之后，在 chrome 上取得的 top 和 left 不稳定，在 FF 上取值稳定，和浏览器加载顺序有关，把 CSS 样式前置...
复制链接

扫一扫