Efeito travando no iPad

[rikaschmitt 54]

Bom dia gente.

 

Fiz um efeito parecido com o "parallax", bem simples, que mexe com o padding de um título.O efeito é bem suave, não dá para perceber muito, mas quando o site é visualizado no iPad, o efeito trava demais. Você dá o scroll da página com os dedos e depois de 0.5seg o efeito surge, dai parece que a página está deslocando em blocos... Bem estranho e travado.

 

O jQuery é este:

 

var chamada = $('.parallax-chamada'),
cValores = { ctop: 125, cbottom: 50 };


chamada.css({ 'padding-top': cValores.ctop+'px', 'padding-bottom': cValores.cbottom+'px' });


$(window).scroll(function(){
if (navigator.userAgent.lastIndexOf('Chrome/') > 0) {
var wScroll = $(this).scrollTop() / 8,
novoTop = cValores.ctop - wScroll,
novoBottom = cValores.cbottom - wScroll;


chamada.css({ 'padding-top': novoTop+'px', 'padding-bottom': novoBottom+'px' });
}
else {
var wScroll = $(this).scrollTop() / 2,
novoTop = cValores.ctop - wScroll,
novoBottom = cValores.cbottom - wScroll;


chamada.css({ 'padding-top': novoTop+'px', 'padding-bottom': novoBottom+'px' });
}
});

O que será que está acontecendo?

 

[Ted k' 126]

Scroll não é o efeito adequado para o mobile pois só vai iniciar quando o scroll terminar de rolar, ja no desktop o scroll é ativado quando se rola a pagina, o ideial é nao fazer esse efeito em dispositivo movel

[rikaschmitt 54]

Foi o que suspeitei.

Você teria alguma condição para me passar para que tal efeito não seja executado em mobiles? Talvez algum "if", sei lá.

[jhrhp 15]

Tente implementar usando o scrollstart da biblioteca mobile do jquery:

http://api.jquerymobile.com/scrollstart/

 

Se não der certo, aí você detecta qual é o navegador do usuário, e se for mobile você bloqueia:

http://detectmobilebrowsers.com/

 

Até mais.

[Ted k' 126]

Cara, o que o colega acima sugeriu, e iria sugerir, que seria a jQuery Mobile, mas creio que tambem não ficará bom, melhor é o segundo link do colega acima!

[rikaschmitt 54]

Sim, eu fiz um "if" pela largura da janela..

Dá pro gasto. :coolio:

 

 

Valeu gente.