我正在构建一个应用程序。依赖于百分比(目前,因为它是最简单的计算)作为偏移位置。
示例如下:http://jsfiddle.net/WeC9q/1/embedded/result/
缩放适用于每个支持的浏览器,而应该移动汽车的箭头按钮则不适用。
我已经确定了问题所在,函数 Position(element);
仅在 WebKit 浏览器(Safari、Chrome)上返回百分比。其他浏览器使用计算的像素值。
因为移动函数几乎不依赖于百分比,所以像素值根本无法削减它。
有什么方法可以继续使用百分比,或者我必须制作一些硬核转换脚本?
提前致谢!
最佳答案
我修复了 Firefox 的缩放 + 移动。应该也可以与 webkit 一起使用,并使用 Chrome 进行了测试。
如何将像素转换为百分比:
if(t.indexOf('px') > 0){
t = el.position().top / el.parent().height() * 100;
}
不需要“硬核转换脚本”;)
我不确定为什么用 firefox 缩放不起作用。但是,将 "-moz-transform": 'scale('+ zoom +')'
添加到转换中可以解决问题。
关于javascript - jQuery CSS 浏览器的不同结果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9455163/