Scroll horizontal avec la mousewheel
Résolu
fazerofgod
Messages postés
2
Date d'inscription
mercredi 13 décembre 2000
Statut
Membre
Dernière intervention
11 avril 2011
-
16 oct. 2009 à 17:20
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 - 17 oct. 2009 à 10:53
@karamel Messages postés 1855 Date d'inscription vendredi 9 mai 2008 Statut Modérateur Dernière intervention 18 avril 2024 - 17 oct. 2009 à 10:53
A voir également:
- Scroll horizontal js
- Js scroll horizontal - Meilleures réponses
- Mouse wheel js - Meilleures réponses
- Poo js - Conseils pratiques -Javascript
- Calendrier js - Conseils pratiques -Javascript
- Js division entière ✓ - Forum PHP
- Planning js ✓ - Forum Javascript / DHTML
- Goto js ✓ - Forum Javascript / DHTML
3 réponses
@karamel
Messages postés
1855
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
18 avril 2024
153
16 oct. 2009 à 21:20
16 oct. 2009 à 21:20
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>
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>
fazerofgod
Messages postés
2
Date d'inscription
mercredi 13 décembre 2000
Statut
Membre
Dernière intervention
11 avril 2011
16 oct. 2009 à 22:22
16 oct. 2009 à 22:22
Yheaaaaaaaaaa !! merci !! ça maaaarche :) trop cool !! merci merci merci !!
@karamel
Messages postés
1855
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
18 avril 2024
153
17 oct. 2009 à 10:53
17 oct. 2009 à 10:53
de rien
