我试图寻找对此的回应,但即使有些问题相似,我也无法找到问题的答案。
在我的网站中,我使用Sidr JQuery插件作为左侧菜单。它是一个带底部的固定div:0,overflow-y:scroll。 主要内容的高度比左侧菜单高。
在我的手机(Android上的Chrome)上,当我垂直滚动此菜单时,它会开始滚动确定但它会被锁定并开始滚动主要内容。只有当主要内容几乎到达结尾时,左侧菜单才会完成滚动。
如何避免此行为并让两个元素彼此独立滚动?
谢谢!
答案 0 :(得分:2)
对于最终处于相同情况的人来说,这只是因为SIDR在左侧菜单打开时修改了正文,将主要内容的位置设置为“绝对”。
我添加了类似的内容: body.sidr-open {position:fixed!important; } 它解决了这个问题!
答案 1 :(得分:0)
我发现如果我在div.sidr的最后一项的底部添加了400px的填充,您现在可以更轻松地滑动到菜单的底部。不是最好的解决方法,但似乎已经解决了问题。