在滚动上相互独立地移动2个不同高度的div

时间:2012-10-11 13:09:23

标签: javascript jquery html css jquery-mobile

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

例如,facbook移动设置 - 点击左侧菜单,无需滚动页面即可滚动。

我希望自己足够清楚。

我正在使用jquery移动poppup并将其定位到页面的左边和上边缘。 将第二个(右侧div)向右滑动左侧div的宽度。 触摸右侧div使得左侧div消失并向后滑动(左侧0 px)。

1 个答案:

答案 0 :(得分:2)

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

修改 您可以使用的其他选项是

overflow:auto只有在有内容的情况下生成滚动条,才能得到Stackoverflow好友的好评

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

overflow-x如果您只想横向滚动