Ir ao conteúdo
  • Comunicados

    • Gabriel Torres

      Seja um moderador do Clube do Hardware!   12-02-2016

      Prezados membros do Clube do Hardware, Está aberto o processo de seleção de novos moderadores para diversos setores ou áreas do Clube do Hardware. Os requisitos são:   Pelo menos 500 posts e um ano de cadastro; Boa frequência de participação; Ser respeitoso, cordial e educado com os demais membros; Ter bom nível de português; Ter razoável conhecimento da área em que pretende atuar; Saber trabalhar em equipe (com os moderadores, coordenadores e administradores).   Os interessados deverão enviar uma mensagem privada para o usuário @Equipe Clube do Hardware com o título "Candidato a moderador". A mensagem deverá conter respostas às perguntas abaixo:   Qual o seu nome completo? Qual sua data de nascimento? Qual sua formação/profissão? Já atuou como moderador em algo outro fórum, se sim, qual? De forma sucinta, explique o porquê de querer ser moderador do fórum e conte-nos um pouco sobre você.   OBS: Não se trata de função remunerada. Todos que fazem parte do staff são voluntários.
    • DiF

      Poste seus códigos corretamente!   21-05-2016

      Prezados membros do Fórum do Clube do Hardware, O Fórum oferece um recurso chamado CODE, onde o ícone no painel do editor é  <>     O uso deste recurso é  imprescindível para uma melhor leitura, manter a organização, diferenciar de texto comum e principalmente evitar que os compiladores e IDEs acusem erro ao colar um código copiado daqui. Portanto convido-lhes para ler as instruções de como usar este recurso CODE neste tópico:  
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?

Editado por DiF
Por gentileza, passe a usar o botão code para postar os códigos

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

 

?

 

 

Editado por DiF
Novamente, venho a tempo, orientando você a postar os códigos com o botão CODE <>, peço que use.

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






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

×