Problem mit jQuery Funktion auf iPad/iPhone

[burn4ever]

Hallo,
ich habe ein Skript welches mir ab einer bestimmten Fensterbreite einen div Kontainer neu positioniert und dann mittels scrollTop an die Stelle scrollt.
Das funktioniert auf Android Geräten und allen gängigen Browsern wunderbar. Nur auf dem iPhone und iPad nicht wirklich.
Das positionieren des div Elementes (#div1) klappt nur sporadisch.

Hier mal mein Skript:

        jQuery('#menu li').click(function() {           if (self.innerWidth <= 800) {                jQuery(this).append(jQuery('#div1'));                         }                         jQuery('html, body').animate(                         {                             scrollTop: jQuery(this).offset().top                         }, 400                     );                   });

Hat jemand eine Idee warum das auf den beiden oben genannten Endgeräten nur ab und an funktioniert?

 

[Tronjer]

Ich kann dir zwar keinen direkten Lösungsansatz bieten, hatte allerdings vor einiger Zeit bei einer iPhone Seite, deren height "zu" groß war, ein Problem damit, dass beim Verlassen eines input Feldes der Browser nicht wieder nach oben gescrolled ist. Dafür zumindest bietet Google Hilfe. Vielleicht lässt sich das ja mit deinem Problem kombinieren.

Was mir ansonsten noch einfällt, wären media-queries und jQuery Mobile. Dieses $(this).append($('#div1')) sieht mir da eher nach einem problemträchtigen Workaround aus.