无法更改我的标题颜色

Question

我的网站上有一个简单的代码，可在用户滚动时更改标题背景颜色，但这是行不通的，我不知道为什么...

这是CSS

.changeHeaderColor {
background: white !important;
border-bottom-width: 2px !important;
border-color: #660EBE;
transition: 0.5s all;
}

这是JavaScript

$(function() {
   $(window).scroll(function () {
  if ($(this).scrollTop() >= 50) {
     $('.elementor-element-93f89f2').addClass('changeHeaderColor');
  }
  if ($(this).scrollTop() <= 50) {
     $('.elementor-element-93f89f2').removeClass('changeHeaderColor');
  }
   });
});

您可以在此页面中查看源代码：http://www.alessandrodiruscio.com/ux-senior-designer/

非常感谢您的帮助！

亚历山德罗

Answer 1

尝试使用 pageYOffset 。希望对您有所帮助。

 var navbarCollapse = function() {
        if (window.pageYOffset >= 50) {
             $(".elementor-element-93f89f2").addClass("changeHeaderColor");
        } else {
             $(".elementor-element-93f89f2").removeClass("changeHeaderColor");
        }
 };
 navbarCollapse();
 $(window).scroll(navbarCollapse);