javascript - 要素が画面外に出た場合に出力を反転しようとしています

Question

var $elem = elem;
var position = $elem.position();
var output = {};
var winX = $(window).height();
var winY = $(window).width();

output.width = $elem.width();
output.height = $elem.height();
output.bottomLeftX = position.left;//left top
output.bottomLeftY = position.top + output.height;//left bottom
output.bottomRightX = position.left + output.width;//right top
output.bottomRightY = position.top + output.height;//right bottom


if(position.left > 0 && position.top > 0 && position.left+output.width < winY && position.top+output.height < winX)
{
    //something
}
else
{
    alert('not gonna fit')
}

return output;

これをどのように試しても、うまくいかないようです。上記は、これについて助けを求めてここに来る前の最後の試みです。私がしようとしているのは、DOM 内の要素の位置を取得し、その位置に基づいて最終的に別の要素を表示することです。ツール ヒントのようなものですが、いくつかの点で異なります。ともかく。表示される要素が画面から消えてしまう場合に、必要に応じて出力を反転させる方法を見つけようとしています。 .

現在、隠し要素の表示をトリガーする要素です。その要素の左上端がトリガー要素の左下端に接触しています。トリガー要素がページの下部近くにあり、右側にあるなど、画面から消えるイベントでは、トリガーの右上端に接触する右下端で整列して表示される要素が必要ですエレメント。または、トリガー要素がページの左下にある場合は、トリガー要素の左上端に揃えたいと思います。現在、表示されている要素の幅は 200px x 550px ですが、特に上記のコードの全体的な必要性に結びつくかどうかはわかりません。

これがウィンドウ/ビューポートの端のいずれかから落ちるだろうと言う十数以上のロジックを考え出すことなく、これを理解する良い方法は、それを再配置する必要があります. 合わせる