Bonjour,
j'avais besoin de faire un menu dans une hauteur limitée, j'ai donc ajouté un comportement de scroll sur la position de la souris en javascript. La fonction utilisée est celle trouvée ici :
http://jsfiddle.net/davidThomas/bw6Xw/3/
que j'ai un peu modifié.
Voila le résultat : http://www.fermit.com/test_menu/index4.html
Tout fonctionnait correctement mais je devais faire 2 menus l'un au dessus de l'autre (un bleu et un rouge) et j'ai donc dédoublé la fonction javascript en essayant de dédoubler également les variables. Mais je dois louper quelque chose car je n'arrive pas à faire fonctionner le 2e menu, le rouge. Le comportement du 1er menu (le bleu) est bon, je scroll vers le bas, puis vers le haut sans soucis.
Par contre, pour le 2e menu, le rouge, je peux scroller vers le bas, mais je n'arrive pas à faire remonter.
Est ce qu'un expert en javascript veut bien m'aider ?
merci d'avance
j'avais besoin de faire un menu dans une hauteur limitée, j'ai donc ajouté un comportement de scroll sur la position de la souris en javascript. La fonction utilisée est celle trouvée ici :
http://jsfiddle.net/davidThomas/bw6Xw/3/
que j'ai un peu modifié.
Voila le résultat : http://www.fermit.com/test_menu/index4.html
Tout fonctionnait correctement mais je devais faire 2 menus l'un au dessus de l'autre (un bleu et un rouge) et j'ai donc dédoublé la fonction javascript en essayant de dédoubler également les variables. Mais je dois louper quelque chose car je n'arrive pas à faire fonctionner le 2e menu, le rouge. Le comportement du 1er menu (le bleu) est bon, je scroll vers le bas, puis vers le haut sans soucis.
Par contre, pour le 2e menu, le rouge, je peux scroller vers le bas, mais je n'arrive pas à faire remonter.
$(window).load(function()
{
var div1 = $('#accordion1'),
wrapHeight1 = div1.height(),
listHeight1 = div1.find('#menu_bleu ul').outerHeight();
div1.on('mousemove',
function(e1)
{
var cPointY1 = e1.pageY,
cST1 = div1.scrollTop();
if (cPointY1 >= (wrapHeight1/2))
{
div1.scrollTop(cST1 + 5);
}
else
{
div1.scrollTop(cST1 - 5);
}
}
);
var div2 = $('#accordion2'),
wrapHeight2 = div2.height(),
listHeight2 = div2.find('#menu_rouge ul').outerHeight();
div2.on('mousemove',
function(e2)
{
var cPointY2 = e2.pageY,
cST2 = div2.scrollTop();
if (cPointY2 >= (wrapHeight2/2))
{
div2.scrollTop(cST2 + 5);
}
else {
div2.scrollTop(cST2 - 5);
}
}
);
});
Est ce qu'un expert en javascript veut bien m'aider ?
merci d'avance