我有一个问题,就是在具有overflow:scroll属性的容器中,无法滚动到固定位置元素的顶部。
.container {overflow: scroll; height: 200px;}
.right {position: fixed;}
.left {height: 2000px;}
考虑以下示例:jsfiddle。
如果您在容器内滚动,页面会滚动。但是,如果您在固定元素(右侧内容固定)上滚动,则容器不会滚动。
有什么想法吗?
编辑
我还需要能够单击右侧固定内容,因为它是返回上一页的按钮。因此,
z-index:-1;
不起作用。编辑编辑
我找到了一个解决方案。通过使用jQuery mousewheel并根据.right类的鼠标滚轮函数给容器一个滚动,它可以正常工作。请参见更新的jsfiddle,其中包含了jQuery mousewheel。
z-index: -1;
是行不通的。 - Rafael code