Javascript 固定页眉在向下翻页后停留在页面顶部

我正在做一个修复头的原型，就像你在

因此，如果您将页面向下滚动到一定数量的像素，则页眉将固定并保持在浏览器顶部

这就是我到目前为止所做的-

var wrap=$（“#wrap”）；
自动换行（“滚动”），功能（e）{
如果（this.scrollTop>120）{
wrap.addClass（“固定标题”）；
}否则{
wrap.removeClass（“固定标题”）；
}
});
.container{
宽度：100%；
高度：480px；
保证金：0自动；
背景：#eee；
溢出：自动；
位置：相对位置；
}
.标题{
宽度：100%；
高度：90px；
背景：粉红色；
文本对齐：居中；
位置：绝对位置；
排名：0；
左：0；
右：20px；
}
.标题p{
显示：内联块；
线高：90px；
字体：300 30px奥斯瓦尔德；
}
.街区{
宽度：100%；
高度：600px；
边缘顶部：20px；
背景：灰色；
}
.固定标题.标题{
位置：固定；
排名：0；
左：0；
}

这是标题

你应该在
主体上，而不是在
#wrap
上完成你的工作，这样你就不必改变
溢出量或
容器的高度。请在你的问题中直接包含相关代码。链接可能会过时，这将使您的问题不清楚。