Javascript 单击按钮时，在滚动条上设置焦点 addEvent（'domready'，function（）{ var-totIncrement=0； var增量=560； var maxRightIncrement=增量*（-6）； var fx=新的fx.Style（'slider-list'，'margin left'{ 持续时间：1000， 转换：Fx.Transitions.Back.easeInOut， 等等：是吗 }); //------------------------------------- //“上一个”按钮的事件 $（'previous'）。addEvents（{ “单击”：函数（事件）{ 如果（totIncrementmaxRightIncrement）{ 总增量=总增量增量； fx.stop（） 外汇开始（总增量）； } } }) });

在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>

我们的意大利面
| 

这是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（）或
事件.preventDefault（）