通过拖动div的边缘来水平调整div的大小

时间:2017-04-04 20:41:16

标签: javascript html css angular

我有一个使用angular2构建的应用程序,我的网页内容分为两个面板作为列。我需要实现一个功能,通过选择左侧面板的右边缘或选择右侧面板的左边缘来调整两个面板的大小。

如果有办法使用angular或html,css或javascript实现此目的,请告诉我。

我知道css3已调整大小属性,但这样可以通过按住div的一个角来调整大小而不是查找此功能

示例:我想实现与w3schools HTML编辑器(https://www.w3schools.com/html/tryit.asp?filename=tryhtml_default)类似的功能

如果我们打开上面的url,我们可以通过水平拖动中间栏来调整左右面板的大小。请参考下面的截图

enter image description here

1 个答案:

答案 0 :(得分:0)

请查看Resizable jQuery,例如:

$("#div1").resizable({
    handles: 'e, w'
});