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 +')'可解决问题。