Para quem já está habituado com o uso da jQuery, utilizar a função jQuery.fn.stop
é algo simples e bem comum quando trabalhamos com diferentes animações em um elemento em comum.
Minha duvida está voltada para a criação de extenções jQuery. Eu já desenvolvo plugins jQuery a algum tempo e para desenvolver qualquer extenção eu utilizo um padrão próprio baseado em um padrão internacional criado pelo Addy Osmani onde fiz algumas alterações.
Este padrão serve para que o desenvolvedor que utilize um plugin, não passe por alguns problemas que poderiam ocorrer em diversas situações e browser diferentes ou mesmo para evitar certos tipos de conflitos com nomes de variáveis, funções e eventos entre outros.
Quando um usuário usa a função jQuery.fn.off
por exemplo, ele remove uma cadeia de eventos delegados com as funções jQuery (jQuery.fn.on
por exemplo). Para o caso de o usuário precisar remover apenas os eventos delegados por um plugin em especifico, o correto em um padrão seria utilizar um namespace como no exemplo abaixo:
jQuery(document).on('click.customNamespace', jQuery.noop);
Assim o desenvolvedor poderia remover apenas os eventos que o plugin delegou com algo próximo disto:
jQuery(document).off('.customNamespace');
Minha duvida é em relação a realizar algo parecido, porém com animações jQuery.
Suponha que eu tenho um plugin que move através de uma animação as barras de rolagem vertical e horizontal de um elemento no DOM. Quando o usuário disparar um evento indeterminado eu quero por exemplo parar a animação apenas verticalmente enquanto a rolagem horizontal continua a se mover. O uso de jQuery.fn.stop
não me ajuda nesta questão ja que ele para todas as animações do elemento (pelo menos não de uma forma que eu conheça).
A pergunta então seria: Como posso parar apenas determinada animação ou parte de uma animação? Como parar apenas "scrollTop" e continuar continuar com a animação de "scrollLeft" anunciada em uma mesma instância da função jQuery.fn.animate
? E se isso for possível de alguma forma que desconheço, seria possível criar uma espécie de namespace para isso assim como exemplifiquei com eventos acima (Algo como jQuery(document).stop('.myNamespace')
)?
Não sei se compliquei muito uma questão que talvez tenha resolução fácil para alguém ou se fui claro o suficiente, mas em caso de duvidadas estou de olho nos comentários.