Elementos carregando após o scroll chegar em um determinado ponto

531 views
Skip to first unread message

Willian Leone

unread,
Jul 17, 2014, 11:59:50 AM7/17/14
to jque...@googlegroups.com
Galera,

Estou buscando isso já faz séculos: http://designarethemes.net/themes/html/yunik/
Quando você vai descendo a página algumas sessões do site vão aparecendo ou fazem um efeito conforme o scroll chega em um determinado ponto.

Gostaria de saber como isso é usado e se é por jQuery ou só javascript...

Obrigado!

Pedro Rogério

unread,
Jul 17, 2014, 12:47:58 PM7/17/14
to jque...@googlegroups.com
Você pode fazer com jQuery, com JavaScript puro, basicamente é quando o scroll chegar a posição X, faz tal coisa, só dar uma olhada no js do site: http://designarethemes.net/themes/html/yunik/js/yunik.js

Pedro

--
--
Grupo de jQuery Brasil.
 
REGRAS: https://docs.google.com/document/d/1VfvTDmeHTSj-L5ouZJjQQ4OkjTCU1Hr2XtPYBNGVHH4/edit
 
USE O JSBIN.COM / JSFIDDLE.NET PARA CÓDIGOS.
 
Email: jque...@googlegroups.com
Biba: jquery-br+...@googlegroups.com
Site: http://groups.google.com/group/jquery-br?hl=pt-BR

---
Você recebeu essa mensagem porque está inscrito no grupo quot;jQuery (Brasil)" dos Grupos do Google.
Para cancelar inscrição nesse grupo e parar de receber e-mails dele, envie um e-mail para jquery-br+...@googlegroups.com.
Para mais opções, acesse https://groups.google.com/d/optout.

Rafael Sirotheau

unread,
Jul 17, 2014, 2:59:13 PM7/17/14
to jquery-br
Se como o site, que chama a função apenas uma vez ao chegar no ponto, basta adicionar um listener ao evento de scroll e, ao chegar no ponto desejado, disparar alguma função.

de forma simples:

$(window).on('scroll',function() {
  var posAtual = $(this).scrollTop()
  if(posAtual == 100)
    // do something
  if(posAtual == 200
    // do other thing
})
--
Linkedin

Front-end Developer
+55 (11) 9 6452 1384

Reply all
Reply to author
Forward
0 new messages