Je fais un site Web WordPress, et le menu d'en-tête a une couleur d'arrière-plan lorsque la page se charge, mais lorsque je fais défiler, il modifie l'en-tête pour collant et modifie la couleur d'arrière-plan. Le problème est que le menu déroulant ne change pas de couleur et reste identique à l'en-tête initial.
Ce que je voulais faire est lorsque l'en-tête contient la classe (bâton) pour transformer la couleur de fond du menu déroulant. p>
menu initial: p> quand il transforme: p> .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;
}
3 Réponses :
Utilisez simplement CSS
.scroll_header_top_area.sticky { background-color: <whateveryouwant>; }
Bien que CSS soit l'approche préférée. C'est la solution à votre question à l'aide de jQuery. '# 000 représente la couleur noire en hex. P> p>
i Surcommique, c'était comme vous l'avez tous dit: merci. p> p> p>
Vous n'avez pas besoin de JavaScript du tout. Vous avez besoin d'une règle CSS pour appliquer le style lorsque les classes sont présentes