我有一个在标题菜单中的按钮,该标题包含徽标和社交媒体图标&该按钮。
我想让这个按钮固定下来,这样当我滚动的时候,它总是在屏幕的顶部。
假设我有以下html代码:
.menu{background:#ddd}
.logo,
.social-media,
.sticky-container{
display:inline-block;
width:30%
}
.logo{background:#000}
.social-media{background:#080}
.sticky-container{background:#333}
.logo,
.sticky-container{color:#fff}
<div class="main_container">
<div class="wrapper">
<div class="menu">
<div class="logo">Logo</div>
<div class="social-media">
<div class="facebook">Facebook</div>
<div class="youtube">Youtube</div>
<div class="twitter">Twitter</div>
</div>
<div class="sticky-container">
<a class="sticky-element">Button</a>
</div>
</div>
</div>
</div>
我希望sticky-container
中的类为sticky-element
的按钮是粘性的。
https://stackoverflow.com/questions/50593902
复制相似问题