私は2つのキャンバスを持っています。1つは、メイン キャンバスです。すべてが描かれているのは、第二に、吹き出しキャンバス（バルーン）です。クライアントがクリックすると、メイン キャンバスに特定の地域に関する情報が表示されます。
吹き出しを導入した後、キャンバスをいじっていて、問題に遭遇しました。
これは吹き出しがどのように導入されるかを示す簡単なコードです:-
http://jsfiddle.net/m1erickson/AJvkN/
私のキャンバスはタイムラインであり、スクロール可能です。歴史的な出来事が描かれています。ユーザーがイベントをクリックすると、吹き出しが表示されます。
クライアントがキャンバスをクリックすると、吹き出しが表示されてスクロールすると、吹き出しはスクロールされた画像の新しい位置に移動しますが、以前の場所に関する情報は表示されます。
このために、 css プロパティleft: -200を割り当てるhideballoon()があります。ただし、これでも矛盾が生じます。たとえば、キャンバスを左から右にドラッグすると、バルーンはスクロールしても消えませんが、新しい位置に再表示されます。
. remove() 関数があります$("#balloon").remove()
これにより、バルーンが正常に削除されますが、問題は次のとおりです。バルーンが完全に削除され、今後のクリックで吹き出しがポップアップしなくなります。これは私が望むものではありません。ダイナミックなものが欲しい。
イベントをクリック >> ふきだしが出る >> スクロールキャンバス >> ふきだしが消える >> キャンバスをクリック >> 新しいクリックに関連するふきだしが戻る >> など。