aller à #id en buggy de défilement sur iPad

Question

Exemple: http://bit.ly/LWZv42

codage une mise en page avec défilement d'animation pour Nav. Tout fonctionne parfaitement dans le bureau, mais sur l'iPad, vous ne pouvez tout simplement pas aller en arrière en cliquant sur les liens nav li. J'ai cependant remarqué que si vous cliquez sur un lien de navigation, faites défiler un peu vers le bas/vers le haut de la page, cela fonctionnera.

function init_siteNav(){ 

    function goToByScroll(id){ 
     $('html,body').animate({scrollTop: $(id).offset().top},'slow'); 
    } 

    $('.siteMenu li.home a').click(function(){ 
     goToByScroll('body'); 
     return false; 
    }); 

    $('.siteMenu li.clients a').click(function(){ 
     goToByScroll('#portfolioWrap'); 
     return false; 
    }); 

    $('.siteMenu li.contact a').click(function(){ 
     goToByScroll('#contactMapHolder'); 
     return false; 
    }); 
} 

Une suggestion?

Answer 1

Essayez de déclencher le clic sur l'élément LI au lieu du HREF. Les éléments HREF peuvent être un peu petits pour un doigt sur l'iPad, la plus grande zone physique que le LI produit peut vous donner de meilleurs résultats.

Mettez des alertes dans les événements de clic pour vous assurer qu'ils sont déclenchés par l'iPad.