jquery - ビューポート内に常にdivを表示するjQuery

Question

私は基本的に、マウスでクリックした場所に基づいてdivの「ウィンドウ」を開くjqueryWebアプリを作成しています。マウスがビューポートの右または下にありすぎると、開いているDIVの一部が表示されなくなることは明らかです。

おそらくjQueryUIで、新しく表示されたDIVを表示できない状態でその一部の正しい方向に少し移動させる方法はありますか（おそらくdraggable（）を使用している場合）？そうでない場合は、独自の関数を作成する必要があります。

前もって感謝します

score 0 · Accepted Answer

デフォルトの jqueryUI ダイアログを使用するのと同じくらい簡単です。

これが実際の例です

$('body').click(function(e){
    console.log(e);
    $( "#dialog" ).dialog({ 
        position: [e.offsetX, e.offsetY]
    });
});

score -1 · Accepted Answer

これにはjqueryuiを使用できると思います（モーダルウィンドウなど）。それ以外の場合は、ビューポートの幅/高さ、要素の位置、幅と高さを計算し、配置を viewportWidth から elementWidth を引いた値に制限する必要があります。

2 に答える 2