Correction d'un div après le défilement dans les navigateurs mobiles - jquery, jquery-mobile

Je veux réparer une div lors du défilement de la page. Mon code fonctionne dans les navigateurs de bureau, mais pas dans les appareils mobiles où la div est fixée uniquement lorsque la barre de défilement s'arrête. Vous pouvez tester la page ici www.spiaggiati.it/antani/.

Le code est le suivant:

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");
}
}

Réponses:

je suppose fixDiv() est congédié en utilisant le scroll-un événement.

Si tel est le cas, il n’ya pas de solution pour le moment, car c’est ainsi que fonctionne le défilement sur les appareils mobiles. scroll L'événement n'est déclenché que lorsque le défilement est terminé. Tant que la dynamique déplace le contenu non les événements sont déclenchés du tout. Vous pouvez voir cela dans Figure 6-1 Le geste de panoramique dans Apple "s"Guide du contenu Web Safari".