jqueryでマウスオーバーでiframeを移動しようとしています。iframe内でマウスの位置をキャプチャすることでこれにある程度成功しましたが、動きのちらつきは極端です。
これがjsfiddleの例です
私が見る限り、ちらつきの理由は、iframe が iframe 内の x 位置を移動するたびに反対方向にジャンプするためですが、それを修正する方法がわかりません。
jqueryでマウスオーバーでiframeを移動しようとしています。iframe内でマウスの位置をキャプチャすることでこれにある程度成功しましたが、動きのちらつきは極端です。
これがjsfiddleの例です
私が見る限り、ちらつきの理由は、iframe が iframe 内の x 位置を移動するたびに反対方向にジャンプするためですが、それを修正する方法がわかりません。
@charlietf、
あなたの努力に感謝します。それは確かに私を正しい方向に導き、あなたのコメントに投票しました.
あなたの例の唯一の問題は、iframe x の位置が変更されたときに e.pageX が変更されることです。これは、常に 0 (またはそれに近い) であることを意味します。
これを乗り越えるには、移動が行われる前に iframe 内のマウスの位置をキャプチャする変数を追加し、フレームを移動するときに x 変数からこの数値を削除する必要がありました。
似たようなものを探している人のために、ここに charlietf のスクリプトの更新バージョンがあり、変更が書かれています。また、簡単に操作できるように、mouseover mouseout イベントを mousedown mouseup に変更しました。
これで、iframe の非アクティブな部分から iframe をドラッグできます。