Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何将调整大小限制为最小值&;使用鼠标移动的最大高度_Jquery_Resize_Mousemove_Css - Fatal编程技术网

Jquery 如何将调整大小限制为最小值&;使用鼠标移动的最大高度

Jquery 如何将调整大小限制为最小值&;使用鼠标移动的最大高度,jquery,resize,mousemove,css,Jquery,Resize,Mousemove,Css,写这段代码是为了能够垂直调整div的大小,我在寻找一种将高度限制在最小值和最大值的好方法时遇到了问题,我写的每个解决方案都有相同的问题,非常不准确。请不要建议使用jqueryui,我希望我自己的代码对它有更多的控制,以防我想添加jqueryui中不存在的内容 $(document).ready(function() { var resize = false; var chat = $("#chat").height(); $(document).mouseup(func

写这段代码是为了能够垂直调整div的大小,我在寻找一种将高度限制在最小值和最大值的好方法时遇到了问题,我写的每个解决方案都有相同的问题,非常不准确。请不要建议使用jqueryui,我希望我自己的代码对它有更多的控制,以防我想添加jqueryui中不存在的内容

$(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);
        }
    });
});

这似乎是一个微不足道的数学问题,不是吗?似乎我刚刚设法自己解决了它,非常确定它可以优化,但它符合我的预期。不确定在哪里发布我的更新代码,在我的旧问题中还是在我的问题的答案中?无论如何谢谢你!