使侧边栏在拖动时可调整大小
Make sidebars resizeable on drag
好的,所以我已经建立了一个基本的测试模板,有一个流体中心内容部分,和两个固定宽度的边栏(一个在左边,一个在右边)。
那么,我的问题是:
是否有可能使用户重新调整这两个侧边栏的大小?(例如,像分割窗格)
任何想法?
Demo: http://83.212.101.132/angjs/ang4.html
可以使用jquery UI:
http://api.jqueryui.com/resizable/代码很简单:
$( ".Class Name" ).resizable({ aspectRatio: true });
相关文章:
- 调整窗口大小时,可拖动的对象会出现在容器外部
- 如何将可调整大小、可拖动的覆盖添加到网页中
- jQuery 可调整大小:如何在调整大小拖动期间获取重叠元素
- HTML5画布中的可拖动和可调整大小元素
- 可拖动或可调整大小的文本区域不起作用
- 是否有一个JS库可以让我在网格中制作可拖动和可调整大小的磁贴,就像在iPhoto Journal中一样
- 拖放后,如果不重新调整大小并在可放置区域中拖动图像
- Jquery 可拖动 + 可调整大小导致问题,元素不保留在其父元素中
- jQuery-UI:可调整大小 - 如何增加可拖动边缘的大小
- 如何获取当前可拖动和可调整大小的 id
- 不能同时调整静态元素和可拖动元素的大小
- 在调整窗口大小时保持 jQuery UI 可拖动/可调整大小对象的相对屏幕大小
- Jquery可排序.在选定/拖动时调整CSS
- jquery可拖动且可调整大小的容器
- jquery对话框可拖动且可调整大小
- 从可排序拖动到可拖放
- jQuery UI可对拖动元素进行排序
- jQuery可排序拖动元素从一个容器到另一个
- 设置图像可动态拖动
- 可同时拖动和单击