Jump to content
Ewfc2005

Texto aparecer ao rolar página

Recommended Posts

  let divAlterar = $("#mudar").offset().top - 200;

  document.addEventListener("scroll", () => {

    if(window.pageYOffset >= divAlterar){

      $("#mudar").html("MUDAR");

    }

  });

Acredito que é isso que você está procurando. Quando o scroll da pagina chega na div ele mostra o texto.

O  -200 é para que antes que o scroll cheque a div ele mostre se não tiver o -200 ele só mostra altera o titulo quando está realmente em cima da div.

Animação pode fazer com css.

Share this post


Link to post
Share on other sites
On 7/15/2019 at 5:39 PM, Gleyson Abreu said:

  let divAlterar = $("#mudar").offset().top - 200;

  document.addEventListener("scroll", () => {

    if(window.pageYOffset >= divAlterar){

      $("#mudar").html("MUDAR");

    }

  });

Acredito que é isso que você está procurando. Quando o scroll da pagina chega na div ele mostra o texto.

O  -200 é para que antes que o scroll cheque a div ele mostre se não tiver o -200 ele só mostra altera o titulo quando está realmente em cima da div.

Animação pode fazer com css.

 

Share this post


Link to post
Share on other sites

Eu ainda sou programador amador, estou aprendendo, não consegui colocar esse codigo e faze-lo funcionar,

poderia me explicar melhor ?

 

Share this post


Link to post
Share on other sites
18 horas atrás, Ewfc2005 disse:

Eu ainda sou programador amador, estou aprendendo, não consegui colocar esse codigo e faze-lo funcionar,

poderia me explicar melhor ?

 

No caso a <div id="mudar"></div> seria onde o texto(título) séria alterado.

Da uma olhada.

https://jsfiddle.net/3vosmng9/1/

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By proflupin
      Estou com a seguinte dificuldade, possuo um <a> que busca uma id numa tabela do banco de dados, conforme abaixo:
       
      <a href="self_service.php?id=<?php echo $row_produto['id_categoria_chamado']?>" class="btn btn-primary"data-toggle="collapse" data-target="#subcategoria" aria-expanded="false" aria-controls="collapseExample">Visitar</a> A consulta é realizada, pois vejo que um novo link é mostrado no rodapé da página:

       
      Esta página self_service.php mostrada acima, é minha página principal, onde tudo é trabalhado. Se por exemplo eu mudar para outro arquivo php, teste.php por exemplo, uma nova página é aberta e consigo exibir os resultados normalmente.
       
      O problema é: quero abrir este ID na mesma página, dentro de um collapse. Exemplo:
       
      Cliquei em visitar na categoria Totvs...
       
       
      Um collapse abre-se logo abaixo:

       
      O que não consigo fazer é resgatar o ID passado pelo botão VISITAR em meu collapse, se eu tenter o $_GET['id'], não vai retornar nenhum valor, pois a URL não muda quando trabalhamos com collapse.
    • By lamorim1904
      Caros, boa tarde!
       
      Primeiramente me desculpem se estou abrindo tópico repetido ou de maneira errada, procurei aqui no fórum mas talvez a forma que estou procurando ou a minha falta de conhecimento sobre a área não está me permitindo encontrar a solução.
      Não entendo quase NADA de programação e estou realizando um projeto que me cobra um pouco neste sentido, vou tentar explicar:
       
      Estou criando um hotspot inteligente onde o próprio cliente se cadastra, ele preenche um formulário e posterior a isso eu libero a conexão dele.
      O meu problema está depois que ele cria o seu cadastro, as informações vão para meu banco de dados mas nao retornam ao cliente, portanto a conexão não é liberada.
       
      Eu encontrei uma solução mas não estou conseguindo usa-la da maneira que gostaria, após usuário se cadastrar, eu direciono ele para a pagina de login e senha e caso ele digite os dados que ele acabou de preencher, a conexão é liberada. 
       
      Eu gostaria de automatizar esse processo, identificar a variavel X que eu usei para escrever no meu banco de dados e inseri-la no campo de usuario e senha e se possivel submeter a informação para o usuario nem ver essa tela de login e senha. Sabem me dizer se tem como?
       
      Para ficar mais claro, vou postar os codigos;
       
      <NESTE PONTO O CLIENTE JA PREENCHEU O CADASTRO E EU USO AS VARIAVEIS PARA ESCREVER NO MEU BANCO DE DADOS>
      <EU GOSTARIA DE USAR A VARIAVEL $MOBILE COMO USUARIO E SENHA NA PARTE DE JAVA ABAIXO>

      $sql = "INSERT INTO radcheck (UserName, Attribute, op, Value) VALUES ";
      $sql .= "('$MOBILE', 'Cleartext-Password', ':=', '$MOBILE')";
      mysqli_query($strcon,$sql) or die("Erro ao tentar cadastrar registro");

      $sql = "INSERT INTO radreply (UserName, Attribute, op, Value) VALUES ";
      $sql .= "('$MOBILE', 'Mikrotik-Rate-Limit', ':=', '512k/1024k')";
      mysqli_query($strcon,$sql) or die("Erro ao tentar cadastrar registro");
      mysqli_close($strcon);
      echo "Cliente cadastrado com sucesso!";
      ?>
      <html>
      <head><title>...</title></head>
      <body>
      $(if chap-id)
      <noscript>
      <center><b>JavaScript required. Enable JavaScript to continue.</b></center>
      </noscript>
      $(endif)
      <center>If you are not redirected in a few seconds, click 'continue' below<br>
      <form name="redirect" action="http://201.82.110.3/mkloginteste2.php" method="post">
      <input type="hidden" name="mac" value="$(mac)">
      <input type="hidden" name="ip" value="$(ip)">
      <input type="hidden" name="username" value="$MOBILE">
      <input type="hidden" name="link-login" value="$(link-login)">
      <input type="hidden" name="link-orig" value="$(link-orig)">
      <input type="hidden" name="error" value="$(error)">
      <input type="hidden" name="chap-id" value="$(chap-id)">
      <input type="hidden" name="chap-challenge" value="$(chap-challenge)">
      <input type="hidden" name="link-login-only" value="$(link-login-only)">
      <input type="hidden" name="link-orig-esc" value="$(link-orig-esc)">
      <input type="hidden" name="mac-esc" value="$(mac-esc)">
      <input type="submit" value="continue">
      </form>
      <script language="JavaScript">
      <!--
         document.redirect.submit();
      //-->
      </script></center>
      </body>
      </html>
    • By yuseirender
      Olá, sou novo aqui e preciso de ajuda, criei uma index aqui e localmente fica tudo certo, porem quando vou tentar normalmente em outro pc fica alguns itens fora de foco
       
      local:

      teste:

       
      codigo fonte:
       
    • By malaho
      Olá amigos, estou desenvolvendo um site, e uma das páginas possuem um índice de palavras.
      Queria que, ao clicar em uma palavra, o significado da mesma aparece se na mesma página, abaixo, dentro de uma célula de tabela. 
      Já pesquisei e não encontrei nada sobre. Desde já agradeço a ajuda.
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.