javascript - 特定类处于活动状态时更改背景颜色

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 但什么也没发生。做你告诉我做的只会改变菜单背景而不是下拉菜单。

标签： javascriptjqueryhtmlcsswordpress

Answer 1

只需使用 CSS

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