标题{

Question

我正在创建一个滚动固定标题遇到一些困难。我在这里找到了一个很好的例子，现在我正在尝试使用它来改变它，我正在努力调整它。

我添加了比示例中更多的div，现在每当我滚过黄色条时，红色条（我的标题）显示的方式比我想要的低。

我创造了一个小提琴来展示它在做什么。

这一直有效，直到我将top页边距添加到我的div id join_login中。它现在距离顶部很远。

#join_login {
position: absolute;
right: 15%;
top: 27px;
font-size: 1em;
color: #383838;
}

如何在到达滚动点后将此标题保持在顶部？

Answer 1

这是你想要的吗？ https://jsfiddle.net/zoue6gv7/1/

我刚删除了margin-top -50px并将其替换为

    time (s)        , abasgagawega (fraction), change in awgeaweara (aaaw),
    vgwggrarharfg (aerhag), areahahbfwe (awerhh),   awerhaergargh (g)   ,
   aerhaawrhthaa (rhae),   aerh(z) = ?          ,   aerhaehahahh (aerh),  
    time step (s)

Answer 2

这应该可以做到！您可以通过添加margin-top来消除#logo上方的空间：-15px

$c = array('Firstname', 'Lastname', 'password');
foreach($c as $field_name) {
    $r = ucwords(str_ireplace("name", " Name", $field_name));
    echo $r."\n";
}

Answer 3

开玩笑吧！我想我误解了你要做的事情，如果你想让红色标题贴在页面的顶部，即使你向下滚动：

使用位置：固定;告诉标题留在同一位置而不管滚动

使用top：0px;告诉标题，你想要修复它的位置是页面顶部

标题{

position: fixed;
top: 0px;
width: 100%;
height: 75px;
background: red;
z-index: 100;
border-bottom: 1px solid #888888;

}

滚动固定标题显示更远，然后需要

3 个答案:

标题{