ズームCSSプロパティを使用するとJavascriptスライダの動作が変更されます

Question

javascriptとcssで構築された円形のスライダがあります。タッチとマウスイベントをサポートするには、スライダが必要です。スライダはmousemove/touchmoveイベントに適切に応答します。 Chromeのズーム機能を使用してズームイン/ズームアウトすると、期待どおりに機能しますが、コンテナ内にZoom CSSプロパティを追加して操作すると、奇妙な動作を開始します。

の作業スライダー：http://jsfiddle.net/sCanr/1/

を再現するために： 1）を追加（スタイル= "ズーム：0.5"）コンテナタグに、それは次のようになります。

<div id='container' style="zoom:0.5"> 
<div id='slider'> </div> 
</div> 

2）移動してみてくださいマウスによるハンドラ。 （touchmoveイベントでも同様の動作が発生します）

注：zoomプロパティを使用する異なるチームによって管理されているコンテナにスライダを挿入するため、Zoom cssプロパティを使用する必要があります。

Answer 1

問題が解決されたjQuery roundSliderプラグインをそのまま使用することができます。アプリケーションで多くのコードを処理する必要もありません。

以下のデモをチェック：https://developer.mozilla.org/（彼らは非標準の[ `zoom`]を使用してはならないことを、 "別のチームを" 知らせる

DEMO