mouseover > onMouseDown

larsen

Nuovo Utente
22 Set 2011
1
0
0
Ciao a tutti,
mi trovi n questa situazione: ho creato un sito le cui barre di scorrimento non sono volutamente visibili, e ho creato 2 oggetti (uno il alto a destra e uno in basso a destra) che permettono di scrollare semplicemente passando sopra il mouse (mouseover). Ora, siccome questo sito viene visto anche su iPad e ovviamente l'evento mouseover non esiste/funziona, come faccio a modificare il codice in modo che funziona solo cliccando (e tenendo cliccato)? Ovviamente quando rilascio il pulsante lo scroll deve fermarsi.

Di seguito vi posto il codice originale:

<script type='text/javascript'>
//<![CDATA[
$(window).load(function(){
var step = 25;
var scrolling = false;

// Wire up events for the 'scrollUp' link:
$("#scrollUp_orange").bind("click", function(event) {
event.preventDefault();
// Animates the scrollTop property by the specified
// step.
$("#content").animate({
scrollTop: "-=" + step + "px"
});
}).bind("mouseover", function(event) {
scrolling = true;
scrollContent("up");
}).bind("mouseout", function(event) {
scrolling = false;
});


$("#scrollDown_orange").bind("click", function(event) {
event.preventDefault();
$("#content").animate({
scrollTop: "+=" + step + "px"
});
}).bind("mouseover", function(event) {
scrolling = true;
scrollContent("down");
}).bind("mouseout", function(event) {
scrolling = false;
});

function scrollContent(direction) {
var amount = (direction === "up" ? "-=3px" : "+=3px");
$("#content").animate({
scrollTop: amount
}, 1, function() {
if (scrolling) {
scrollContent(direction);
}
});
}
});
//]]>
</script>


HO provato a sostituire la funzione "mouseover" con "onMouseDown" ma non funziona più nulla! :p

Chiedo aiuto a voi che siete sicuramente più esperti di js.
Grazie e buona giornata!
 

Discussioni simili