我正在使用Elementor Pro
开发一个网站。在那里,我需要有一个粘性标头。我希望标头位于以下样式的slider
的顶部。简而言之,就是透明的粘纸。
滚动时,需要使用以下样式将标题固定在顶部。
此网站首页上有我要查找的“精确”标题-https://en.chint.com/
在Elementor Pro
中,我创建了标题,使其具有粘性并应用了以下CSS样式。
selector.elementor-sticky--effects{
background-color: rgba(133,130,255,0.5)!important
}
selector{
transition: background-color 4s ease !important;
}
selector.elementor-sticky--effects >.elementor-container{
min-height: 80px;
}
selector > .elementor-container{
transition: min-height 1s ease !important;
}
我正在观看此视频-https://www.youtube.com/watch?v=0QpeKGfvKy8
但是,这不是我所期望的。在这里发生的是标题在滚动之前不是透明的,只有在滚动时才透明。与我所需要的相反。而且它不能满足我需要的其他样式。
我是Elementor
的新手,如何进行这项工作?