导航栏位于底部时的子菜单位置问题

时间:2017-05-08 作者:Vik Martin

当主页第一次加载时,我在wordpress上使用了2017主题(编写子主题)。导航栏位于屏幕底部,但子菜单向下打开,因此被隐藏。我希望它向上飞,直到页面向下滚动为止。首先,有没有一种简单的方法来改变我可能缺少的情况?(因为这似乎是一件基本的事情,但我在任何地方都找不到任何答案)或者我需要使用jquery更改scroll上的类吗?(在这种情况下,我真的是在黑暗中摸索。)有人能帮我吗?维克

2 个回复
最合适的回答,由SO网友:Picard 整理而成

最简单的方法是对分配给主菜单栏的类的更改做出反应-当它停靠在顶部时-添加了类.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;
   }
}

SO网友:MarkNZed

假设您知道子菜单的大小:

身体主页ul。子菜单{顶部:-100px;}

如果您有不同的子菜单,您可以使用菜单项XXX id更具体。

结束

相关推荐

导航栏位于底部时的子菜单位置问题 - 小码农CODE - 行之有效找到问题解决它

导航栏位于底部时的子菜单位置问题

时间:2017-05-08 作者:Vik Martin

当主页第一次加载时,我在wordpress上使用了2017主题(编写子主题)。导航栏位于屏幕底部,但子菜单向下打开,因此被隐藏。我希望它向上飞,直到页面向下滚动为止。首先,有没有一种简单的方法来改变我可能缺少的情况?(因为这似乎是一件基本的事情,但我在任何地方都找不到任何答案)或者我需要使用jquery更改scroll上的类吗?(在这种情况下,我真的是在黑暗中摸索。)有人能帮我吗?维克

2 个回复
最合适的回答,由SO网友:Picard 整理而成

最简单的方法是对分配给主菜单栏的类的更改做出反应-当它停靠在顶部时-添加了类.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;
   }
}

SO网友:MarkNZed

假设您知道子菜单的大小:

身体主页ul。子菜单{顶部:-100px;}

如果您有不同的子菜单,您可以使用菜单项XXX id更具体。

相关推荐