0

这是一个棘手的问题。

我需要找到一种方法来计算正确的位置，以将一个盒子与顶部的另一个盒子对齐。但是，内框内有 CSS3 缩放的内容（比例因子是已知的），因此基本的基于顶部 (0px) 的方法将不起作用。

由于这实际上无法正确描述，请在此处查看我的 jsFiddle：

http://jsfiddle.net/gPyqS/a

谢谢你！

4

2 回答 2

1

你将不得不在这里弄脏你的数学手。基本方法将是：

  1. 获取元素的偏移量
  2. 获取元素的比例因子
  3. 获取元素的高度
  4. 获取元素变换原点的Y分量
  5. 考虑 -(box height / 2)0的变换原点为 ，+(box height / 2) 的变换原点为1。鉴于这些约束，使用当前 Y 原点执行线性插值以确定要应用于顶部边缘的比例因子。
  6. 将 (box height / 2) 乘以您在步骤 5 中得出的值，然后从您在步骤 1 中获得的 Y 偏移中减去它。这是框顶部边缘的视觉偏移。
于 2012-09-11T02:39:03.907 回答
0

用变换指定变换原点：

transform-origin: 0 0; 
-ms-transform-origin: 0 0; 
-webkit-transform-origin: 0 0;  
-moz-transform-origin: 0 0;  
-o-transform-origin: 0 0;

小提琴更新

W3C：变换原点

于 2012-09-11T02:12:21.897 回答