Quero corrigir uma div durante a rolagem da página. Meu código funciona em navegadores de desktop, mas não está funcionando em dispositivos móveis nos quais a div é corrigida apenas quando a barra de rolagem para. Você pode testar a página aqui www.spiaggiati.it/antani/.
O código é:
function fixDiv() {
var $div = $("#order");
if ($(window).scrollTop() > $div.data("top")) {
$div.css({"position": "fixed", "top": "-10px", "width": $("div#content").width()});
$("#categories").css("margin-top", "50px");
}
else {
$div.css({"position": "static", "top": "auto"});
$("#categories").css("margin-top", "0px");
}
}
Respostas:
0 para resposta № 1eu assumo fixDiv() é disparado constantemente usando o scroll-evento.
Nesse caso, não há solução no momento, pois é assim que a rolagem em dispositivos móveis funciona. scroll O evento é acionado somente quando a rolagem termina. Enquanto o momento está movendo o conteúdo não eventos são disparados. Você pode ver isso em Figura 6-1 O gesto de panorâmica no Apple "s"Guia de Conteúdo da Web Safari".