我有一个在标题菜单中的按钮,该标题包含徽标和社交媒体图标&该按钮。
我想让这个按钮固定下来,这样当我滚动的时候,它总是在屏幕的顶部。
假设我有以下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
的按钮是粘性的。
发布于 2018-05-30 07:08:11
为您的sticky-container
类设置position: fixed;
。
这是jsfiddle:https://jsfiddle.net/30shhy3L/2/
编辑:
在评论中,正如你在https://logosperformance.com提到的你的真实站点,只需改变[data-css="tve-u-163a8211f58"]
元素的css,如下所示:
[data-css="tve-u-163a8211f58"] {
float: right;
z-index: 3;
position: fixed;
margin-top: -2px !important;
margin-bottom: 0px !important;
}
https://stackoverflow.com/questions/50593902
复制相似问题