Como fazer este evento?

[vbavinicius 0]

Olá,

 

Como faço um evento do tipo que é acionado assim que a tela atinge determinado ponto.

 

Por exemplo,

 

http://www.apple.com/macbook-pro/performance-retina/

 

Nessa página quando você rola a página para baixo as animações das barras de performance só fazem o efeito quando são mostradas.

 

Como fazer esse evento ?

 

Desde já, muito obrigado!

[William Bruno 1501]

escute o window.onscroll

 

qndo o window.scrollTop() atingir certo número (um simples if), faça oq vc quer.

tão simples qnto isso.

window.onscroll = function(){
   if( window.scrollTop() > 300 ) {
       console.log('Maior que 300');
   }
}

[vbavinicius 0]

Fala Willian,

 

Desde já obrigado!

 

O firebug tá dando erro, dizendo que o scrolltop não é uma função!

 

Sabe me dizer o que está acontecendo?

 

Obrigado!

[William Bruno 1501]

Eu errei ali, desculpe.

 

Só corrigir.

[vbavinicius 0]

O problema é esse, não sei qual é o erro!

 

rsrsrsrs!

[vbavinicius 0]

Eu errei ali, desculpe.

 

Só corrigir.

 

Fala Willian,

 

Realmente não sei onde está o erro.

 

Pode me ajudar?

[William Bruno 1501]

window.onscroll = function(){

var top = window.pageYOffset || document.documentElement.scrollTop

if( top > 300 ) {

console.log('Maior que 300');

}

}