Question

我正在建立一个wordpress网站，并且页面加载时标题菜单具有背景颜色，但是当我滚动它时，标题将变为粘性并更改背景颜色。问题在于下拉菜单不会更改颜色，并且与初始标题保持不变。

我想要做的是当标题包含（stick）类以转换下拉菜单的背景颜色时。

初始菜单：

<header class=" scroll_header_top_area dark stick scrolled_not_transparent page_header">

转换时：

<header class="scroll_header_top_area dark stick scrolled_not_transparent page_header sticky sticky_animate">

那么当标头具有（.sticky）类时，是否可以添加javascript或jquery来命令下拉菜单更改背景颜色？

谢谢。

编辑： https://prnt.sc/o4xf4e https://prnt.sc/o4xf4e

这些是可以更好地理解问题的屏幕截图，对于未能以最佳方式表示遗憾。

我有这个CSS来仅更改下拉列表：

.drop_down .second .inner ul, .drop_down .second .inner ul li ul, .shopping_cart_dropdown, li.narrow .second .inner ul, .header_top .right #lang_sel ul ul, .drop_down .wide .second ul li.show_widget_area_in_popup .widget, .drop_down .wide.wide_background .second{
    background-color: #ffffff!important;
}

我在后面添加了.scroll_header_top_area.sticky，但没有任何反应。按照您的要求执行操作只会更改菜单背景，而不会更改下拉菜单。

Answer 1

只需使用CSS

.scroll_header_top_area.sticky {
  background-color: <whateveryouwant>;
}

Answer 2

尽管css是首选方法。这是使用jquery解决您的问题的方法。

export default withAuth(connect(yourOwnMapStateToProps)(YourComponent))

'＃000以十六进制表示黑色。

Answer 3

我太复杂了，就像大家都说的那样：

.drop_down .second .inner ul{
    background-color: rgba(0,0,0,0.3)!important;
}

header.sticky .drop_down .second .inner ul{
    background-color: #ffffff!important;
}

谢谢。

启用特定班级时更改背景颜色

3 个答案: