Posez votre question Signaler

Scroll horizontal avec la mousewheel [Résolu]

Messages postés
2
Date d'inscription
mercredi 13 décembre 2000
Dernière intervention
11 avril 2011
 - - Dernière réponse : @karamel
Messages postés
1665
Date d'inscription
vendredi 9 mai 2008
Dernière intervention
4 janvier 2019
 - 17 oct. 2009 à 10:53
Javascript / DHTML Posez votre question Signaler
Salut les mecs :)
ça va faire maintenant un petit moment que je cherche un moyen de scroller avec la molette de la souris de manière horizontale sur un Overflow ( ou autre ). J'ai essayé quelques trucs mais tous ne prenne que des valeures fixe, alors que les mienne sont en % ...

Regardez ici > http://virgasmik.fr/

Si vous aviez une idée ou un tuyo a me refiler j'en serai bien content car là je sais plus trop ou chercher ...

Merci d'avance :D
Afficher la suite 

Votre réponse

Répondre au sujet

3 réponses

Signaler Commenter la réponse de @karamel
Messages postés
1665
Date d'inscription
vendredi 9 mai 2008
Dernière intervention
4 janvier 2019
 34
0
Merci
jour

que je suis genereux
a rajouter dans le fichier html


<script type="text/javascript">

function deplace(e){
var delta = 0;
if (!e) e = window.event;
if (e.wheelDelta) {
delta = e.wheelDelta/120;
} else if (e.detail) {
delta = -e.detail/3;
}
if(delta<0){
val=-100;
}
else{
val=100;
}
document.getElementById('overlist').scrollLeft=document.getElementById('overlist').scrollLeft+val

}

function selecte(ev){
(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : ev.preventDefault();
}


function init(){

var adi=document.getElementById('overlist')
if(navigator.appName.substring(0,5)=="Micro"){
adi.attachEvent('onmousewheel',deplace);
adi.attachEvent('onmousewheel', selecte)
}
else{
if (navigator.userAgent.indexOf("Firefox") != -1){
adi.addEventListener('DOMMouseScroll', deplace, false);
adi.addEventListener("DOMMouseScroll", selecte, false)
}
else{
adi.addEventListener('mousewheel', deplace, false);
adi.addEventListener("mousewheel", selecte, false)
}
}
}
onload=init

</script>
Commenter la réponse de @karamel
Signaler Commenter la réponse de fazerofgod
Messages postés
2
Date d'inscription
mercredi 13 décembre 2000
Dernière intervention
11 avril 2011
0
Merci
Yheaaaaaaaaaa !! merci !! ça maaaarche :) trop cool !! merci merci merci !!
Commenter la réponse de fazerofgod
Signaler Commenter la réponse de @karamel
Messages postés
1665
Date d'inscription
vendredi 9 mai 2008
Dernière intervention
4 janvier 2019
 34
0
Merci
de rien
Commenter la réponse de @karamel

Votre réponse

Répondre au sujet
Posez votre question
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.