设置高度div javascript

Question

我正在调整盒子的高度没有问题，现在我想调整盒子的高度抓住顶部手柄并调整高度但向上。这样做的好方法是什么？谢谢

（当前向下代码）

var mY = event.clientY; 
var originalHeight = parseInt(document.getElementById('somediv').style.height);

if(click == 1){ // down
            var sY = event.clientY; 
            var finalHeight = originalHeight +sY-mY;
            document.getElementById('somediv').style.height=finalHeight + 'px';
}else{ // up
    resize upwards instead of downwards....
}

Answer 1

元素的位置由其左上角定义 - 您必须在从底部延伸它的同时将其向上移动。

Answer 2

调整DIV“up”的大小并不像“向下”调整大小那么容易。原因是当你指定一个HEIGHT时，DIV将按照正常流量“向下”展开。 DIV的左上角将保持静止。

允许调整DIV的大小“UP”会给你带来很多问题。为此，您需要设置HEIGHT，然后将DIV的POSITION设置为currentHeight - previousHeight。你会注意到这样做会产生很多抖动。

此外，DIV上方的任何内容都需要相应显示。

Answer 3

您应该查看jQuery和jQuery Dimensions plugin。