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 +')'可解決問題。