css - Stick Div 相对于其他粘性元素(可变高度)

标签 css menu sticky

我试图让第二个菜单粘在第一个菜单下面。第一个菜单默认设置为粘性(主题设置)。

由于第一个菜单的高度因移动设备/桌面设备而异,我无法将顶部设置为:120px 或其他。

我确实尝试了 position:sticky 并让它工作得相当好,但是在移动设备上测试时问题就开始了。

所以;有没有可能让第二个菜单粘在第一个菜单下面?

https://www.salonivon.nl/custom-webshop-tryout/

提前致谢, 理查德

最佳答案

我使用的代码是:

`.my-extra-WooWidget{
 position: sticky;
 top: 104px;
 z-index: 100;
 background:white;
 width:100%;
 padding-bottom:10px;
 }

`

只要我在桌面屏幕上,它就可以工作。

我无法更改标题

关于css - Stick Div 相对于其他粘性元素(可变高度),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46978723/

相关文章:

java - Android:菜单中的圆角

html - 实现 'sticky footer' 时浏览器之间的行为不一致

python - 如何正确设置按钮的粘性属性?

css - 具有绝对定位的粘性顶部 div

css - 为什么我的 RSS 提要在我向右浮动时显示在底部?

javascript - 没有jQuery的延迟下拉菜单

php - 外观 -> 菜单选项未显示

javascript - 使背景雪花元素不可点击

html - Bootstrap 行 : get cols within row to be centered?

css - 选择不在某些元素内的元素