像 IDE 一样的 jQuery 可拖动侧导航宽度

标签 jquery html css jquery-ui jquery-plugins

我的网络应用程序有一个包含树状网格的左侧导航。我希望有人知道那里的组件可能具有与 IDE 侧导航类似的功能。我需要能够捕获容器的右侧并动态扩展/收缩容器宽度。它还需要包含一个侧滚动来处理溢出。最后,如果嵌套宽度增加超过父宽度以进行树扩展,则父侧滚动将自动向右滚动。

有人知 Prop 有类似行为的组件吗?

最佳答案

你看过这个jquery插件吗http://layout.jquery-dev.net/ .这将允许你做你想做的大部分事情。自动滚动可能不是内置的(也可能我没有使用这个插件的所有功能)但它很容易实现。我一直在努力使用这个插件的一件事是有效地设置分隔栏的样式,但除此之外,它是一个非常易于使用的插件,允许以您正在寻找的方式调整 div 的大小,并且非常适合嵌套布局等。还有所有的您提到的内部 div 的滚动是此插件中面板的默认行为。

关于像 IDE 一样的 jQuery 可拖动侧导航宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9352379/

相关文章:

javascript - 如何使用 jquery 删除一个元素和下一个元素?

javascript - 将元素推到父级的底部

javascript - 在图像悬停时显示文本而不是光标

html - 以不同方式在 div 中设置两个图像的样式

JQuery Mobile 动态填充的可折叠集丢失圆角

css - 如何使 DIV 标题 100% 但仍允许垂直滚动?

jquery - 如何使 jquery 移动加载器中 ui-loader 的宽度更宽?

javascript - 谷歌地图 SVG 标记填充颜色

jquery - 以编程方式触发 iframe 类型 magnificPopup

php - 使用 Fine Uploader 在 IE 中显示保存对话框