我正在尝试使用两个粘性标头。 一个是菜单,1应该是产品的购买盒。 不幸的是,现在购买按钮位于菜单上方,我需要它在下面。
我尝试过更改css位置,但似乎无法让它工作。 有没有人指出如何让它发挥作用? 非常感谢!
链接: https://www.agreenstory.de/shop/greenbook/greenbook-a4/
编辑: 这就是我想要的情况: http://agreenstory.de/like.jpg
答案 0 :(得分:0)
理想的做法是修改强制top: 0px
的javascript,以根据您的情况使用值。
但是我认为这些是第三方插件,你可以通过应用以下样式解决它:
#osplugin-header-sticky .header-fixed {
padding-top: 65px;
}
.fusion-header-wrapper {
z-index: 200001;
}
如果能给您带来理想的结果,请告诉我。黑色标题在顶部边缘仍然是粘性顶部,而在其下方显示购买产品号召性用语(当您向后滚动时)。
答案 1 :(得分:0)
最好先删除固定的顶部位置:
<header class="oss-header-sticky " style="top: 0px;">
然后,您可以在关闭以下标记后将此标记的div
子元素移动到所需位置:
<div class="fusion-header-v1 fusion-logo-left fusion-sticky-menu- fusion-sticky-logo-1 fusion-mobile-logo- fusion-mobile-menu-design-modern ">