• Olá Visitante, se gosta do forum e pretende contribuir com um donativo para auxiliar nos encargos financeiros inerentes ao alojamento desta plataforma, pode encontrar mais informações sobre os várias formas disponíveis para o fazer no seguinte tópico: leia mais... O seu contributo é importante! Obrigado.

Exemplo mootools getScroll()

chicote

GF Ouro
Entrou
Set 23, 2006
Mensagens
1,289
Gostos Recebidos
2
Caros amigos,

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!
 
Topo