11515 sujets

JavaScript, DOM et API Web HTML5

Salut à tous, lorsque j'agrandit la hauteur de ma div en fonction de la position Y de la souris
ça fonctionne mais petit à petit la sourit dépasse la hauteur de la div Smiley eek Smiley eek


document.onmousemove = function(event) //Lorsque la souris se déplace
{
	if(window.event != undefined)
	{
		event = window.event;
	}
	document.getElementById('site').style.minHeight = event.clientY + 10 +'px';
	window.scrollTo(0, event.clientY + 10);
}


La souris ne devrait jamais sortir de la page puisque la hauteur de la div qui occupe toute la page s'agrandit en fonction de la souris
Modifié par Keitaro69 (12 May 2013 - 19:50)
Bonsoir,

J'ai la solution à ton problème. En fait event.clientY ne prend pas en compte le scroll, il faut rajouter document.body.scrollTop pour Chrome/Safari et document.documentElement.scrollTop pour Firefox.
En fait tu ajoute simplement les deux valeur, chaque navigateur ignorera celle de l'autre.
Et je serai toi, j'enlèverai le window.scrollTo.


Avec ceci ça marche très bien. Bonne continuation.
Prince-Leto
Modifié par Prince-Leto (13 May 2013 - 21:39)