私の目的は、画面の中央にポップアップを表示することです。「Matt Coughlin」の回答を使用して、PC およびタブレットのデフォルトのズームですべて正常に動作しますが、ズームインすると問題が発生し始めます。
ポップアップ div はほとんどの場合画面から飛び出すため、小さなデバイスでは使用できません。
しばらくの間、方法を見つけようとしましたが、実際には何も機能しません。ページではなく、画面の中心を取得する方法はありますか?
基本的に、ポップアップを開くを押すと、領域の中央に配置されます。少し右にスクロールしてポップアップを開くと、結果は同じですが、モバイルデバイスをズームインしている間は機能しなくなります。ポップアップを画面の中央に配置するコード例 (el は popup 要素)
var pos = document.body.getBoundingClientRect();
var left = ((window.innerWidth >> 1) - pos.left) - (el.width() >> 1);
var top = ((window.innerHeight >> 1) - pos.top) - (el.height() >> 1);