изменить несколько элементов css одного div на прокрутке jquery

Question

Я новичок в jquery и стараюсь как можно больше учиться, но я застрял здесь. Я пытаюсь получить контейнер, который находится в фиксированном положении, чтобы отрегулировать непрозрачность и изменить цвет шрифта на прокрутке. Я получил часть непрозрачности, используя приведенный ниже код. Как объединить другие изменения CSS для этого, как изменить цвет шрифта из #000000 в #ffffff

jQuery(function ($) { 
    function EasyPeasyParallax() { 
    var scrollPos = $(document).scrollTop(); 
    var targetOpacity = 1; 
    scrollPos < 400 ? targetOpacity = '0.' + (scrollPos * 100)/10 : targetOpacity; 
    $('.headcon').css({ 
     'background-color': 'rgba(255, 255, 255, ' + targetOpacity + ')' 
    }); 
    console.log(scrollPos, targetOpacity); 
    }; 
    $(function() { 
    $(window).scroll(function() { 
     EasyPeasyParallax(); 
    }); 
    }); 
}); 

Answer 1

Вашей непрозрачности код не является правильным. У вас не должно быть задания во второй части тернарного оператора. Чтобы ответить на ваш первоначальный вопрос, просто добавьте дополнительные параметры свойств к объекту, переданному функции css.

jQuery(function ($) { 

    function EasyPeasyParallax() { 
     var scrollPos = $(document).scrollTop(); 
     // use the result of ternary operator to assign the opacity by 
     // rather than assigning in the second operator 
     var targetOpacity = scrollPos < 400 
           ? (scrollPos*100)/10 
           : 1; 
     $('.headcon').css({ 
      'background-color': 'rgba(255, 255, 255, '+ targetOpacity +')', 
      'font-color': '#ffffff' 
      }); 

     console.log(scrollPos,targetOpacity); 
    }; 

    $(function(){ 
     $(window).scroll(function() { 
      EasyPeasyParallax(); 
     }); 
    }); 

});