我正在使用Divi构建一个网站,其中有几个页面需要有一个粘性菜单,以及顶部的标题部分,好像它们是一个整体。 理想情况下,我希望它们能保持在当前位置,并简单地随着页面滚动而不影响格式化。
目前使用的代码如下。
.stickyheader{
position: sticky;
position: -webkit-sticky;
top: 55px;
}
#page-container{
overflow: visible !important;
}
我试着用 "stickyheader "这个类名来命名标题部分和菜单部分,希望这两个部分能合并在一起。 这看起来确实让两个元素都能随着页面滚动,但格式化却出了问题,它们开始重叠并压在屏幕顶部,再加上标题部分顶部的空间增加了,这让整个页面的格式化都出了问题,因为所有的东西都被调整到了背景图片上。
这两个部分都是全局性的,为了方便在其他所有页面上使用,因为这两个元素在每个页面上都是一样的。
有人有什么建议吗? 有什么更简单的方法吗?
先谢谢你
当然,你可以很容易做到这一点,确保你使用的是最新的Divi版本,其中有主题生成器。有了它,你可以设计一个模板,它可以管理一个特定的页面,你可以给任何元素分配一个固定的位置。
不需要使用CSS。你也可以采取其他方法。
https:/divilife.com如何让你的divi-4-0-头固定或粘住。
https:/www.divithemeexamples.commake-your-divi-4-0-header-sticky-or-fixed-with-the-theme-builder