установить фокус на скроллере при нажатии кнопки

Question

window.addEvent ('domready', function () { var totIncrement = 0; приращение var = 560; var maxRightIncrement = прирост * (- 6); var fx = new Fx.Style ('слайдер-список', 'margin-left', { продолжительность: 1000, переход: Fx.Transitions.Back.easeInOut, подождите: правда }); // ------------------------------------- // СОБЫТИЯ для кнопки «предыдущая» $ ( 'Предыдущий'). AddEvents ({ 'click': функция (событие) { если (totIncrementmaxRightIncrement) { totIncrement = totIncrement-increment; fx.stop () fx.start (totIncrement); } } }) });

в mootools v1.1

это делает функцию скроллера внизу моей HTML-страницы. но когда я нажимаю следующую кнопку, фокус страницы перемещается в верхнюю часть страницы. как мне сохранить его на скроллере?

это фрагмент 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

это mootools 1.11, модифицируйте ваши следующие и предыдущие функции так:

  $('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);
        }
      }               
  });

в mootools 1.2+, все что вам нужно это event.stop(); или event.preventDefault();