固定div在垂直滚动期间被锁定,直到主要内容也到达结尾

时间:2015-03-06 23:57:25

标签: android mobile sidr

我试图寻找对此的回应,但即使有些问题相似,我也无法找到问题的答案。

在我的网站中,我使用Sidr JQuery插件作为左侧菜单。它是一个带底部的固定div:0,overflow-y:scroll。 主要内容的高度比左侧菜单高。

在我的手机(Android上的Chrome)上,当我垂直滚动此菜单时,它会开始滚动确定但它会被锁定并开始滚动主要内容。只有当主要内容几乎到达结尾时,左侧菜单才会完成滚动。

如何避免此行为并让两个元素彼此独立滚动?

谢谢!

2 个答案:

答案 0 :(得分:2)

对于最终处于相同情况的人来说,这只是因为SIDR在左侧菜单打开时修改了正文,将主要内容的位置设置为“绝对”。

我添加了类似的内容:     body.sidr-open {position:fixed!important; } 它解决了这个问题!

答案 1 :(得分:0)

我发现如果我在div.sidr的最后一项的底部添加了400px的填充,您现在可以更轻松地滑动到菜单的底部。不是最好的解决方法,但似乎已经解决了问题。