mis l'accent sur la barre de défilement lorsque le bouton est cliqué

Question

window.addEvent ('domready', function() {var totIncrement = 0; incrément var = 560; var maxRightIncrement = incrément * (- 6); var fx = new Fx.Style ('-liste curseur', 'margin-left', { durée: 1000, transition: Fx.Transitions.Back.easeInOut, attente: true} ); // - ----------------------------------- // ÉVÉNEMENTS pour le bouton "précédent" $ ('précédent ') .addEvents ({ ' click ': function (event) { if (totIncrementmaxRightIncrement) { totIncrement = totIncrement-increment; fx.stop() fx.start (totIncrement); } } }) });

dans Mootools V1.1

il est une fonction de défilement en bas de ma page html. mais quand je clique sur le bouton suivant le focus de la page se déplace vers le haut de la page. comment puis-je le garder sur le défilement?

c'est le fragment html:

<h3>Our Pastas</h3> 

<div id="slider-buttons"> 
<a href="#" id="previous">Previous</a> | <a href="#" id="next">Next</a&gt; 
</div> 

<div id="slider-stage"> 
<ul id="slider-list"> 

<li class="list_item"> 

<div id="thumbnail"><a href="xxx/product-catalog/pasta/long-pasta-in-brown-bags/bucatini"><img src="xxx/images/stories/products/_thumb1/bucatini.gif"></a></div><h4><a href="xxx/product-catalog/pasta/long-pasta-in-brown-bags/bucatini">Rustichella d'Abruzzo Bucatini</a></h4> 
</li> 


<li class="list_item"> 
<div id="thumbnail"><a href="xxx/product-catalog/pasta/pasta-in-trays/calamarata"><img src="xxx/images/stories/products/_thumb1/calamarata.jpg"></a></div><h4><a href="xxx/product-catalog/pasta/pasta-in-trays/calamarata">Rustichella d'Abruzzo Calamarata</a></h4> 
</li> 


<li class="list_item"> 
<div id="thumbnail"><a href="xxx/product-catalog/pasta/pasta-in-trays/cannolicchi"><img src="xxx/images/stories/products/_thumb1/cannolicchi.jpg"></a></div><h4><a href="xxx/product-catalog/pasta/pasta-in-trays/cannolicchi">Rustichella d'Abruzzo Cannolicchi</a></h4> 
</li> 


</ul></div> 

Answer 1

c'est Mootools 1.11, mod vos fonctions suivantes et précédentes comme ceci:

$('next').addEvents({ 
     'click' : function(event){ 
     // add this to stop the default click event. 
     new Event(event).stop(); 

     // continue as usual. 
     if(totIncrement>maxRightIncrement){ 
      totIncrement = totIncrement-increment; 
      fx.stop() 
      fx.start(totIncrement); 
     } 
     }    
    }); 

dans Mootools 1.2+, tout ce que vous avez besoin est event.stop(); ou event.preventDefault();