Javascript 使用CSS将文本置于固定文本之上

我是否可以始终将

标题

放在

其他区域

文本的上方，即使用户开始滚动页面

如何使用CSS/jQuery实现这一点

演示：

CSS:

* { 
  margin: 0; 
  padding: 0; 
}

.site-wrap {
    padding:40px 0
}

.some-other-area { }

h1 {
    position:fixed;
    z-index:1;
    top:0;
    margin:0;
}

h2 {
  padding: 0px;
    margin: 0px 0 20px 0;
}

.floatingHeader {
    position: fixed;
    top: 0;
    visibility: hidden;
}

---

谢谢你这就是你要找的吗

JS:

var el=$（此），
偏移量=标高偏移量（），
scrollTop=$（窗口）.scrollTop（）+50，
floatingHeader=$（“.floatingHeader”，this）

这就是您要找的吗

JS:

var el=$（此），
偏移量=标高偏移量（），
scrollTop=$（窗口）.scrollTop（）+50，
floatingHeader=$（“.floatingHeader”，this）

我是否可以保持标题在其他区域文本的上方 所有时间-即使用户开始滚动页面

您只需更改

.floatingHeader

类的css属性

top

，即可确保它始终位于

标题的下方

这样，您的两个需求（顶部的标题和floatingHeader的功能）都得到了满足

但是，如果您是在深度上下文中发言，您可以始终更改
z-index



我是否可以保持标题在其他区域文本的上方
所有时间-即使用户开始滚动页面

您只需更改
.floatingHeader
类的css属性
top
，即可确保它始终位于
标题的下方

这样，您的两个需求（顶部的标题和floatingHeader的功能）都得到了满足

但是，如果您是在深度上下文中发言，您可以始终更改
z-index


与css相比，它在jquery上的作用要大得多。Css只添加固定位置。我不知道问题出在哪里，您已经向我们展示了工作演示。@Paulie\u D这里的问题是“其他区域”在“标题”后面，变得不可见：（我很抱歉。我的意思是，从视觉上看，它必须始终位于下方。因此，您必须：标题其他区域它比css在jquery上的作用更大。css只添加固定位置。我不知道问题出在哪里，您已经向我们展示了工作演示。@Paulie\u这里的问题是，“其他一些区域”在
后面
“标题”变得不可见：（我的道歉。我的意思是，从视觉上看，它必须始终在下面。所以你必须：标题是其他区域啊，我现在看到了。这看起来像是OP在追求什么，抱歉@Paulie_D-我需要做我的解释：-）啊，我现在看到了。这看起来像是OP在追求什么，抱歉@Paulie_D-我需要做我的解释：-）
.floatingHeader {
    position: fixed;
    top: 25px;
    visibility: hidden;
}