javascript - jQuery CSS 浏览器的不同结果

Question

我正在构建一个应用程序。依赖于百分比(目前，因为它是最简单的计算)作为偏移位置。

示例如下:http://jsfiddle.net/WeC9q/1/embedded/result/

缩放适用于每个支持的浏览器，而应该移动汽车的箭头按钮则不适用。

我已经确定了问题所在，函数 Position(element); 仅在 WebKit 浏览器(Safari、Chrome)上返回百分比。其他浏览器使用计算的像素值。

因为移动函数几乎不依赖于百分比，所以像素值根本无法削减它。

有什么方法可以继续使用百分比，或者我必须制作一些硬核转换脚本？

提前致谢!

Answer 1

我修复了 Firefox 的缩放 + 移动。应该也可以与 webkit 一起使用，并使用 Chrome 进行了测试。

http://jsfiddle.net/WeC9q/7/

如何将像素转换为百分比:

if(t.indexOf('px') > 0){
   t = el.position().top / el.parent().height() * 100;
}

不需要“硬核转换脚本”；)

我不确定为什么用 firefox 缩放不起作用。但是，将 "-moz-transform": 'scale('+ zoom +')' 添加到转换中可以解决问题。