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 body以便滚动关闭并且div保留在屏幕上

我建议您再次考虑作为用户观点的方法

扩展div检测窗口大小以防止超出窗口障碍

1 个答案: