Panzoom: Chromeではパンが機能しない

作成日 2017年02月16日  ·  3コメント  ·  ソース: timmywil/panzoom

問題の主題

最新のChromeバージョンではパンは機能しません。 クリックすると、ズームが最小に設定され、パンが0,0に設定されます。
HTMLに「変換:行列」ヒントが表示されなくなります。

あなたの環境

  • jquery.panzoomのバージョン:3.2.2
  • jqueryのバージョン:1.11.0(申し訳ありません)
  • どのブラウザとそのバージョン:Chrome 56

期待される動作

パンはうまく機能するはずです(Firefoxに最適)

実際の動作

変換行列がHTMLから消え、ズームが最小に設定され、パンが左上隅に移動します

最も参考になるコメント

やあ、

問題を本当に修正する必要があるかどうかはわかりません。JQueryバージョンが原因である可能性があります。
ただし、修正は非常に簡単で、originalEventオブジェクトを使用する必要があります。

1204行目と1205行目:

startPageX = event.originalEvent.pageX;
startPageY = event.originalEvent.pageY;

1246行目から1250行目:

self.pan(
    origPageX + coords.originalEvent.pageX - startPageX,
    origPageY + coords.originalEvent.pageY - startPageY,
    panOptions
);

全てのコメント3件

やあ、

問題を本当に修正する必要があるかどうかはわかりません。JQueryバージョンが原因である可能性があります。
ただし、修正は非常に簡単で、originalEventオブジェクトを使用する必要があります。

1204行目と1205行目:

startPageX = event.originalEvent.pageX;
startPageY = event.originalEvent.pageY;

1246行目から1250行目:

self.pan(
    origPageX + coords.originalEvent.pageX - startPageX,
    origPageY + coords.originalEvent.pageY - startPageY,
    panOptions
);

同じ問題、同じjQueryバージョンが発生していました。 新しいバージョンのjQueryに変更すると、問題が解決するようです。 1.11のままにする必要がある場合は、修正によって問題が解決します。

やあ、

はい、可能です。 私はそのJQueryバージョンにとどまる義務がありました。

THX

このページは役に立ちましたか?
0 / 5 - 0 評価