当主页第一次加载时,我在wordpress上使用了2017主题(编写子主题)。导航栏位于屏幕底部,但子菜单向下打开,因此被隐藏。我希望它向上飞,直到页面向下滚动为止。首先,有没有一种简单的方法来改变我可能缺少的情况?(因为这似乎是一件基本的事情,但我在任何地方都找不到任何答案)或者我需要使用jquery更改scroll上的类吗?(在这种情况下,我真的是在黑暗中摸索。)有人能帮我吗?维克
导航栏位于底部时的子菜单位置问题
最简单的方法是对分配给主菜单栏的类的更改做出反应-当它停靠在顶部时-添加了类.site-navigation-fixed
. 让它充分发挥作用并不是那么简单快捷的过程,尤其是当你在Chrome开发者工具中进行编辑时:)你也必须注意RWD版本。
首先,我为您做了一些更改:
@media screen and (min-width: 48em) {
.navigation-top.site-navigation-fixed ul li:hover > ul,
.navigation-top.site-navigation-fixed ul li.focus > ul {
top: 100px;
}
}
@media screen and (min-width: 48em) {
.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
left: -6.5em;
right: auto;
top: -100px;
}
}
假设您知道子菜单的大小:
身体主页ul。子菜单{顶部:-100px;}
如果您有不同的子菜单,您可以使用菜单项XXX id更具体。