サイトにキャンバス要素があり、ユーザーはいくつかの項目を選択できます。選択したものをどうするかをさらに選択するために、いくつかのオプションを備えた小さなポップアップを作成したいと考えています。残念ながら、クリックしたのと同じ位置にポップアップを配置することはできません。
私の最初のアプローチは、div でポップアップを行うことです。私はDivを持っています:
<div id = "popup" style="visibility: hidden">
text
</div>
div のステータスと位置を変更するには、次のコードを使用します。
$(popupDiv).offset({ top: mousePos.y, left: mousePos.x});
残念ながら、div がポップアップする位置は本来あるべき場所とは異なります。
理由はありますか?