Ir ao conteúdo
  • Cadastre-se
fredkissfree

CSS color-on-scroll mudar o valor

Recommended Posts

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?

Compartilhar este post


Link para o post
Compartilhar em outros sites

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)"

 

?

 

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar agora





Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas publicações sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×