即使在页面滚动时如何将标题保持在固定位置

时间:2016-08-03 15:13:51

标签: html css html5 css3

我正在尝试创建一个仍然固定在顶部的标题但是当我向下滚动页面时标题随之移动同时保持其位置。 我的要求是,当我们向下滚动时,标题不应与页面一起移动。

JS FIDDLE:https://jsfiddle.net/qa5d1ry0/

注意 :它只是我布局的虚拟代码,我添加了随机文本以使代码正常工作

注意 :我尝试使用 position:absolute 作为标题,但问题是标题在我们滚动时不会显示< / p>

3 个答案:

答案 0 :(得分:2)

尝试将position: fixed;提供给标题,并从容器中删除相对位置。

.header {
    position: fixed;
} 

答案 1 :(得分:0)

尝试在top:0px;之后为标题/标题div添加position:fixed;

答案 2 :(得分:0)

这对我来说是固定的。试试position: fixed。您使用的浏览器是什么?