Modifier sur ipad/i-phone, une animation créée sur hover

Bonjour,

Je fais en jquery, une animation de (html, body) sur un hover d'une image map, pour que le texte qui apparaisse au survol (caché au départ) soit visible dans sa totalité, sinon on ne lit que le début car il arrive en bas de l'écran des laptops.

Par contre sur ipad et iphone je n'en ai pas besoin.
J'ai fait un matchmedia qui détecte bien mais ensuite, je n'arrive pas à détecter l'équivalent du hover.
je ne peux donc annuler ce scrollTop très gênant.

Si quelqu'un a une idée, je suis très intéressée.

Merci d'avance


voici mes codes

#point-auberge est ma zone cliquable
#auberge est la div qui apparaît au survol

$("#point-auberge").hover(function(){
		$("#auberge").stop().fadeIn(function(){
			$("html,body").animate({scrollTop:500},  800);});
	},
	function(){
		$("#auberge").stop().fadeOut();
	});

et pour le match media

//match media  	
		 var mq = window.matchMedia( "(max-width: 769px)" );

       if (mq.matches) {
			$(function() {//alert("reconnait match media");
				$("#point-auberge").bind( "touchstart", function(){
    alert('ne fonctionne pas !'); 
					$("html,body").stop();
					});
	   });
	     }//fin if

Bonne journée