<分区>
<分区>
我有两个导航栏,一个用于整个页面,另一个用于页面的 div,我想在滚动该 div 后将我的第二个 div 固定在顶部。
<div class="navbar navbar-fixed-top">
<a href="#home">Home</a>
<a href="#news">News</a>
<a href="#contact">Contact</a>
</div>
我的第二个导航栏的 html
.navbar {
overflow: hidden;
background-color: #333;
position: absolute;
top: 0;
width: 100%;
}
.navbar a {
float: left;
display: block;
color: #f2f2f2;
text-align: center;
padding: 14px 16px;
text-decoration: none;
font-size: 17px;
}
.navbar a:hover {
background: #ddd;
color: black;
}
我的 CSS 在这里。只有当 div 向下滚动时,我才想要页面顶部的第二个导航栏。我不擅长 js。
最佳答案
.element-you-want-to-stick {
position: -webkit-sticky;
position: sticky;
top: 0;
}
来自 this
关于javascript - 如何使导航栏固定在特定 div 而不是页面的顶部,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48618242/