JScript

Programação & Desenvolvimento


Você não está conectado. Conecte-se ou registre-se

Adicionar um evento em ponto especifico do scroll

4 participantes

Ir para baixo  Mensagem [Página 1 de 1]

joelson0007

joelson0007
Moderadores
Moderadores

Fala galera, devem existir várias maneiras de fazer isso, mas quis fazer do meu jeito, então segue o script.

Código:

// by joelson0007
// jscript.forumeiros.com
var setEventOnScroll = function (iNu,fn) {
    window.addEventListener('scroll', function () {
        var sCalc = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) - window.innerHeight - window.scrollY;
        (sCalc <= iNu)?fn():null;
    }, false);
};

// o numero 0 é a posição do scroll que voce deseja que
// evento aconteça, mude da maneira que desejar
// nesse caso o 0 é o final da pagina.
setEventOnScroll(0, function () {
    alert('você chegou no final da pagina');
});


Até a próxima pessoal.

Legolas

Legolas
Moderadores
Moderadores

Show de bola amigo. Só uma dúvida: no caso qual seria o valor para o início da página? Seria 100 ?

http://aden.rpgwars.net

joelson0007

joelson0007
Moderadores
Moderadores

para identificar o ponto use

Código:

var setEventOnScroll = function (iNu,fn) {
    window.addEventListener('scroll', function () {
        var sCalc = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) - window.innerHeight - window.scrollY;
          console.log('identificar ponto '+ sCalc)
          // (sCalc <= iNu)?fn():null;
    }, false);
};

// coloque o resultado da variavel identificar ponto
// no lugar do zero
setEventOnScroll(0, function () {
    alert('você chegou no final da pagina');
});
Depois que identificar o ponto desejado desfaça o comentario do
Código:

// (sCalc <= iNu)?fn():null;



Última edição por joelson0007 em Qua 23 Out 2013, 2:30 pm, editado 1 vez(es)

Legolas

Legolas
Moderadores
Moderadores

Interessante, da pra fazer umas coisas bem legais com isso! Tipo uma página como um mapa, e exibir várias coisas aos pontos atingidos!!!

http://aden.rpgwars.net

joelson0007

joelson0007
Moderadores
Moderadores

Fico feliz que gostou, e o mais importante gostando ou não deu seu parecer, mó paia postar algo e ninguém comentar nada. Sad 

Enfim obrigado amigo, e até a próxima.

JScript

JScript
Administradores
Administradores

Um excelente exemplo sobre essa função, bem comentado até!

Eu utilizo em conjunto com outra função para saber se um determinado item está visível na tela e com isso só executar quando estiver.

Obrigado por compartilhar conosco amigo,

JS

http://autoitbrasil.com

joelson0007

joelson0007
Moderadores
Moderadores

Fico feliz que gostou, punbb.forumeiros unidos, jamais serão vencidos cheers 

waghcwb

waghcwb
Desenvolvedores
Desenvolvedores

Muito interessante esse código, tive uma idéia aqui xD
Obrigado pela contribuição

http://wagneraugusto.com.br/

Conteúdo patrocinado



Ir para o topo  Mensagem [Página 1 de 1]

Permissões neste sub-fórum
Não podes responder a tópicos