Javascript 在滚动条上独立移动两个不同高度的div

假设我有两个div，一个用于菜单（左div），另一个用于内容（右div）。 内容是包含许多列表项的列表视图。（向下滚动时生成） 左侧菜单也是一个列表视图，具有灵活的列表项编号（可能需要也可能不需要滚动） 我希望在不移动页面的情况下滚动左分区（或者说右分区不应该移动）

例如，facbook移动设置--单击“显示左侧菜单”，可以滚动页面而不滚动页面

我希望我已经讲清楚了

我正在使用jquery mobile弹出窗口，并将其定位到页面的左边缘和上边缘。 按左div的宽度向右滑动第二个（右div）。

---

触摸右div可使左div消失并滑回（左0像素）

为什么不固定左div的高度并设置允许滚动的

溢出：滚动

css属性？这不会滚动整个页面

编辑 其他可用选项是使用

overflow:auto

仅当有内容时才生成滚动条，朋友很好地捕捉到了它

overflow-y

如果只想垂直滚动

---

overflow-x

如果您只想以水平方向滚动

您的思路是正确的，但我建议改用

overflow:auto

。这样，当div中没有足够的内容需要滚动时，您将看不到滚动条<代码>溢出：滚动将显示一个滚动条，无论发生什么，滚动条都可能很难看。事实上，我会做

overflow-y:auto

，这样就不可能出现水平滚动条。在移动设备上，我认为它不会显示常规滚动条，而是显示某种微小的滚动条，只有在滚动时才可见。更精确地说，“自动”将仅在有内容时生成滚动条，滚动条将始终生成滚动条（在移动设备上，滚动条的形状很小）和一个向上的滚动条，以显示您的答案。：）