chicote
GF Ouro
- Entrou
- Set 23, 2006
- Mensagens
- 1,289
- Gostos Recebidos
- 3
Caros amigos,
Para quem estiver interessado:
Aqui fica o exemplo funceminando.
Edit fiddle - JSFiddle
Enjoy!
Para quem estiver interessado:
HTML:
O HTML
Scroll to bottom slow
<div id='fader' class="post">If you can see me, you don't need glasses!</div>
HTML:
O css
body {
height: 1500px;
}
.post {
text-align: center;
opacity: 0;
position: relative;
margin-top: 900px;
height:60px;
background:#000;
color: #FFF;
padding:40px;
}
HTML:
O JS
var posts;
window.addEvent('domready', function () {
posts = $$('.post');
})
window.addEvent('scroll', function (e) {
var altura = window.getScroll().y;
posts.each(function (post) {
if (post.getPosition().y > altura + 350) return;
post.fade('in');
});
});
Aqui fica o exemplo funceminando.
Edit fiddle - JSFiddle
Enjoy!