如何将调整大小限制为最小值＆amp;使用mousemove最大高度

Question

写这段代码是为了能够垂直调整div的大小，我遇到了将高度限制在最小值和最大值的好方法的问题，我写的每个解决方案都有同样的问题，这是非常不准确的。请不要建议使用jQuery UI，我希望我自己的代码可以对它进行更多控制，因为我想在jQuery UI中添加更多不存在的代码。

$(document).ready(function()
{
    var resize = false;
    var chat = $("#chat").height();

    $(document).mouseup(function(event)
    {
        resize = false;
        chat = $("#chat").height();
    });

    $(".resize").mousedown(function(event)
    {
        resize = event.pageY;

        console.log($(".resize").offset().top);
        console.log(event.pageY);
    });

    $(document).mousemove(function(event)
    {
        if (resize)
        {
            console.log(parseInt(resize)-event.pageY);
            $("#chat").height(chat + resize - event.pageY);
        }
    });
});