个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我现在正在编写一个网站，我希望它有一个导航栏，当您滚动时它会固定在顶部。我知道这是可能的:
h1 {
Position: fixed;
}
但这对我不起作用。我做了一个JSFiddle，你看这里:https://jsfiddle.net/qayzbjo0/3/
希望你能帮我解决我的问题。如果您找到解决方案，请在 JSFiddle 中修复它并将新的 URL 发送给我好吗？ :)
提前致谢!
.navbar {
background-color: #60C8FF;
margin: 0px;
width: 100%;
border-bottom: 3px solid #36B9FF;
}
.navbar h1 {
padding: 5px;
border-bottom: none;
text-align: center;
}
.navbar li {
display: inline;
width: 100%;
}
.navbar ul {
text-align: center;
width: 100%;
position: fixed;
} <body>
<div class="navbar">
<h1 class="navbar">NeurOp - Specialist in neurale oplossingen</h1>
<ul>
| <li>Home</li> |
<li>Neuraal Netwerk</li> |
<li>Toepassingen</li> |
<li>Over ons</li> |
</ul>
</div>
<div class="home">
<p>AAP<br>AAP<br>AAP<br>AAP<br>AAP<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br>HOI<br></p>
</div>
<!-- Algemene voorwaarden in PDF bestand downloaden in footer -->
</body>最佳答案
这应该是可行的:
.navbar {
background-color: #60C8FF;
margin: 0px;
width: 100%;
position:fixed;
border-bottom: 3px solid #36B9FF;
padding-top:0;
}
.home{
padding-top:50px
}
.navbar h1 {
padding: 5px;
border-bottom: none;
text-align: center;
}
.navbar li {
display: inline;
width: 100%;
}
.navbar ul {
text-align: center;
width: 100%
position: fixed;
}
这是 JsFiddle:enter link description here
关于html - 如果导航栏的位置设置为固定，我的导航栏不会停留在网页顶部，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39733032/
25
4
0
这是我的代码 />100 1000 它不按要求工作.. 当提交表单时(并且在任何错误情况下)它返回到默认选中的单选按钮，即值 = 1000 用户必须再次单击值 = 100，而目标是，如果用户选择了 1
假设我有一个透明的红色 HTML 元素。当我悬停该元素时，它应该变成纯红色。当我停止悬停该元素时，它应该动画回到第一个状态，但仅在 X 秒后。 到目前为止一切顺利，请参阅代码片段。 我的问题是当我停止
我遇到了 cookie 情况，我的 cookie 会存储一个颜色名称或根本不存储任何内容。所以让我们这样解释吧。我的 cookie 与我网站的外观有关，我的网站有 3 种外观: 正常(完全没有 coo
这是我的问题。我有一张包含三个 div 的 Bootstrap v4 卡。 A 是最重要的一个，我希望它保持在左上角。 当页面较宽时，我希望 B 和 C 在 A 的右侧。 当页面变窄时，卡片缩小，C
示例表: uid time_stp traf 1 2016-01-13 00:00:00 6 1 2016-01-13 05:00:00 8 1
我是一名优秀的程序员,十分优秀！