假设我有 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/