如何使网页内容滚动固定标题？

Question

我有一个固定的header元素，当用户向下滚动时，它会固定在页面顶部。我创建了这个jsfiddle来演示它的外观。

如何让content元素滚动到header元素的顶部而不是滚动到下面？我尝试将z-index: 99999;添加到content，但这没有效果。

Answer 1

次要修改：添加

z-index:-1;

到标题{}