jQuery CSS浏览器的结果不同

时间:2012-02-26 17:07:36

标签: javascript jquery html css

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

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

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

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

由于移动功能几乎不依赖于百分比,因此像素值根本不会削减它。

任何继续使用百分比的方法,或者我必须制作一些硬核转换脚本?

提前致谢!

1 个答案:

答案 0 :(得分: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 +')'可以解决问题。