CSS color-on-scroll mudar o valor

[fredkissfree]

Bom dia, estou tentando mudar com css uma classe, no caso estou olhando este template:

https://demos.creative-tim.com/paper-kit-2/index.html?_ga=2.92258970.1600628354.1529579333-1714508072.1529579333

 

Neste template quando vamos descendo a página, o nav que era transparente fica branco, esta opção se dá por color-on-scroll="500" que fica em:

<nav class="navbar navbar-expand-md fixed-top" color-on-scroll="500">

 

No meu caso eu fiz um header.php e usei o include em todas as minhas páginas, até ai tudo bem, mas tem uma determinada página que eu preciso tirar esse color-on-scroll ou deixar algo em torno de color-on-scroll="10".

 

Tem alguma maneira de fazer isso com css?

 

Pensei em algo como:

    <style type="text/css">
    .color-on-scroll="10"
    </style>

 

Mas sei que está errado, tem algo que da para fazer?

[fredkissfree]

Não sei se ajuda, mas tem um .js que tem as seguintes funções

 

  // Navbar color change on scroll
    if($('.navbar[color-on-scroll]').length != 0){
        $(window).on('scroll', pk.checkScrollForTransparentNavbar)
    }




    checkScrollForTransparentNavbar: debounce(function() {
            if($(document).scrollTop() > $(".navbar").attr("color-on-scroll") ) {
                if(transparent) {
                    transparent = false;
                    $('.navbar[color-on-scroll]').removeClass('navbar-transparent');
                }
            } else {
                if( !transparent ) {
                    transparent = true;
                    $('.navbar[color-on-scroll]').addClass('navbar-transparent');
                }
            }
    }, 17),

 

 

São o que tem a ver com color-on-scroll.

adicionado 12 minutos depois

Talvez em fazer algo assim... colocar uma variavel

<style type="text/css">
    --scroll=10;
 </style>

 

e na classe do nav usar color-on-scroll="var(--scroll)"

 

?