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 xdxddxd
      ao clicar em um botão eu gostaria de exibir um confirm no site, mas eu gostaria de Mudar de "OK" Para "Home" e "Cancelar" para "Estoque".
      isso usando javascript puro, alguem pode me ajudar ?
      já agradeço de já.
      tem que usar algum plugin no site ou tem como fazer puro mesmo.
      se quiser deixar só um link com o tutorial eu já agradeço, porém não achei nenhum do jeito que eu quero no google.
    • By MatheusSmidt
      Bom dia,
      Estou precisando de ajuda com o código do formulário de um sistema de cadastro.
      A página é para consulta mas tem a possibilidade de adicionar ou retirar "faltas" de cada profissional cadastrado através de botões simples e também apagar um ou múltiplos profissionais da lista, através de checkbox..
      Essa ações atualizam o banco de dados e já retornam na tela automaticamente.
      O problema é que não fui eu que estruturei o código PHP e não consigo aliar as duas funções que falei anteriormente. Quando consigo fazer funcionar o sistema de adição e redução de faltas, consigo apenas excluir o último nome da lista, mesmo selecionando vários. E quando consigo resolver a parte de excluir vários nomes, não consigo adicionar e reduzir o número de faltas.
       
      Provavelmente é um problema no "WHILE" ou na abertura e fechamento de formulário. Porém não consegui resolver.
      Se alguém conseguir resolver seria ótimo.
      Agradeço desde já. Em anexo envio um print da página para melhor entendimento.
       
       
       
       
    • By Theusy
      Boa tarde pessoal!
      Sou novo em html e css e me deparei com um problema enquanto estava "brincando" de programar.
      Provavelmente um erro bobo de programação, ou algo do tipo.
      Agradeço qualquer tipo de ajuda,
      Obrigado desde já!


×

Important Information

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