Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.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
Javascript 如何创建仅可重新调整大小的垂直div?(同样如此的形式)_Javascript_Html_Resize_Draggable - Fatal编程技术网

Javascript 如何创建仅可重新调整大小的垂直div?(同样如此的形式)

Javascript 如何创建仅可重新调整大小的垂直div?(同样如此的形式),javascript,html,resize,draggable,Javascript,Html,Resize,Draggable,我们需要的是简单的-3个div,其宽度是静态的-不可更改的 一个位于页面顶部-仅可垂直调整大小 一个可拖动的“分隔符”在中间(页)(不可调整) 一个div正好在“分隔符”上方。拖动“分隔符”时,它应移动但不调整大小 我们需要它们是div,而不是文本字段,因为我计划在可调整大小的flash对象中宿主它们。可以使用jQuery。如何创建这样的东西?这里有一个例子,只在Chrome中测试过。希望它能让你走上正轨 编辑:修复了JSFIDLE链接,指向了旧版本,您尝试了什么?你的标记是什么?…BTW

我们需要的是简单的-3个div,其宽度是静态的-不可更改的

  • 一个位于页面顶部-仅可垂直调整大小
  • 一个可拖动的“分隔符”在中间(页)(不可调整)
  • 一个div正好在“分隔符”上方。拖动“分隔符”时,它应移动但不调整大小

我们需要它们是div,而不是文本字段,因为我计划在可调整大小的flash对象中宿主它们。可以使用jQuery。如何创建这样的东西?

这里有一个例子,只在Chrome中测试过。希望它能让你走上正轨


编辑:修复了JSFIDLE链接,指向了旧版本

,您尝试了什么?你的标记是什么?…BTW在Chrome中,你也可以水平调整文本框。中间的什么?除了什么?@Šime Vidas编辑之外,我们需要它完全不可水平调整大小。我希望可以帮助您。我知道这并不完全是你需要的,但它可能会给你一些想法