Scroll horizontal avec la mousewheel
Résolu
Signaler
fazerofgod
@karamel
- Messages postés
- 2
- Date d'inscription
- mercredi 13 décembre 2000
- Statut
- Membre
- Dernière intervention
- 11 avril 2011
@karamel
- Messages postés
- 1797
- Date d'inscription
- vendredi 9 mai 2008
- Statut
- Modérateur
- Dernière intervention
- 21 novembre 2021
A voir également:
- Mousewheel javascript
- Javascript mousewheel - Meilleures réponses
- Mouse wheel js - Meilleures réponses
- Récupérer données json (javascript) - Conseils pratiques - Javascript
- Javascript base de données - Conseils pratiques - Javascript
- Calculatrice javascript - Guide
- Javascript poo - Conseils pratiques - Javascript
- Nombre parfait javascript - Guide
3 réponses
@karamel
- Messages postés
- 1797
- Date d'inscription
- vendredi 9 mai 2008
- Statut
- Modérateur
- Dernière intervention
- 21 novembre 2021
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>