如何创建一个只能垂直调整大小的div？ （类似于SO形式）
我们需要的很简单 - 3 个宽度是静态的 div - 不可更改
- （页面）顶部的一个 - 只能垂直调整大小
- 一个可拖动 - 中间（页面）的“分隔符”（不可调整大小）
- 在“分隔符”上方的一个 div ”。当拖动“分隔符”时，它会移动但不会调整大小。
我们需要它们是 div - 而不是文本字段，因为我计划托管一个可调整大小的 Flash 对象。可以使用jQuery。如何创建这样的东西？
What we need is simple - 3 divs whose width is static - not changable
- one on top (of page) - resizable ONLY vertically
- one draggable - "separator" in the middle (of page) (not resizable)
- one div just above that "separator". It shall move but not resize while the "separator" is beeng dragged.
we need them to be divs - not text fields because I plan to host in resizable a flash object. jQuery can be used. How to create such thing?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
这是一个示例，仅在 Chrome 中进行了测试。希望它能帮助您上路。
http://jsfiddle.net/tZQx7/2/
编辑：修复了 jsfiddle 链接，指向一个旧版本
Here's an example, only tested in Chrome. Hopefully it will get you on your way.
http://jsfiddle.net/tZQx7/2/
Edit: fixed jsfiddle link, was point to an older version