javascript - 在滚动上独立移动 2 个不同高度的 div

标签 javascript jquery html css jquery-mobile

假设我有 2 个 div,一个用于菜单(左 div),另一个(右 div)用于内容。 内容是包含许多列表项的 ListView 。 (向下滚动时生成) 左侧菜单也是一个 ListView ,具有灵活的列表项数量(可能需要也可能不需要滚动) 我希望在左侧 div 上滚动而不移动页面(或者说右侧 div 不应移动)

例如 facbook 移动设置 - 单击会显示一个左侧菜单,可以滚动而不滚动页面。

我希望我已经说得足够清楚了。

我正在使用 jquery mobile poppup 并将其定位到页面的左侧和顶部边缘。 将第二个(右 div)向右滑动左 div 的宽度。 触摸右侧 div 会使左侧 div 消失并将其滑回到(左侧 0 像素)。

最佳答案

为什么不修复左侧 div 的高度并设置可以滚动的 overflow:scroll css 属性?这不会滚动整个页面。

编辑 您可以使用的其他选项是使用

overflow:auto 仅当有内容时才生成滚动条,Stackoverflow friend 的好消息

overflow-y 如果您只想垂直滚动

overflow-x 如果您只想水平滚动

关于javascript - 在滚动上独立移动 2 个不同高度的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12840307/

相关文章:

Javascript正则表达式用于按空格分割重音字符

javascript - 在对象构造函数中,如何附加具有自定义键值的属性?

jquery - Json 每 x 秒更新一次

javascript - 使图像填充剩余的垂直空间,不滚动

javascript - 全屏背景视频并保持居中

javascript - 操纵闭包中定义的变量

javascript - 在选择第一个 Bootstrap 选择时更新第二个 Bootstrap 选择的值

jquery 事件检查 - 如果选择器 css 发生变化(显示 block /无)

javascript - 当我添加 jquery-ui 库时出现“初始化前无法在工具提示上调用方法”错误

javascript - 使用 JavaScript 在特定 div 上添加点击事件