在卷轴上独立地移动不同高度的两个div

Question

假设我有两个div，一个用于菜单(左div)，另一个(右div)用于内容。内容是包含许多列表项的列表视图。左菜单也是一个列表视图，具有灵活的列表项(可能或不需要滚动)，我希望在左div w/o上滚动页面(或者说右div不应该移动)。

例如，facbook移动设置--单击“呈现”左侧菜单，可以滚动w/o滚动页面。

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

我正在使用jquery移动弹出程序，并将其定位到页面的左上角。用左div的宽度将第二个(右div)滑动到右边。触摸右div使左div消失，并滑回它(左0 px)。

Answer 1

为什么不修复左div的高度并设置overflow:scroll css属性，使您能够滚动？这将不会滚动整个页面。

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

overflow:auto，它只在有内容时才生成滚动条，这是同事Stackoverflow朋友的好球。

如果只想垂直滚动，请使用overflow-y

如果只想水平滚动，请使用overflow-x。