具有擴大的div檢測窗口大小以防止超出窗口障礙

Question

我有一個jQueryUI使其可拖動的div，當按下某些功能時，它會向下擴展（擴展具有不同的CSS值和過渡屬性動畫）以顯示其他選項。 但是，當div在頁面上放低然后擴展時，它超出了頁面限制。 我希望div仍能擴展，但是當底部接觸頁面底部時會被推高。

                    $('#normalLegend').draggable({
                        scroll: false,
                        containment: 'window'
                    });     

那是我可拖動的div。 當拖動到此處時，它不能超出窗口大小，但是如果在窗口邊緣附近擴展，它將超出窗口障礙。 如果再次單擊將其拖動，它將自動校正自身並將其居中重新放置在窗口中，但是我寧願將其向上推而不是跳轉到正確的位置。

Answer 1

這不是做事情的好方法，如果用戶希望保持div不變，而您不希望這樣做，那么您的代碼將始終將div推高，這將導致代碼中的錯誤，

         $("#normalLegend").draggable({
            appendTo: 'body',
            scroll: false,
            containment: "body"
        });

添加appendto主體，以便關閉滾動並在屏幕上保留div

我建議您以用戶的觀點重新考慮您的方法