设置焦点上时按钮被点击

Question

window.addEvent（ 'domready中'，函数（）{ VAR totIncrement = 0的卷轴; 变种增量= 560; 变种maxRightIncrement =增量*（ - 6）; VAR FX =新Fx.Style（ '滑块列表'， '保证金左'，{ 持续时间：1000， 过渡：Fx.Transitions.Back.easeInOut， 等待：真 }）; // - ----------------------------------- // EVENT for the button“previous” $（'previous '）.addEvents（{'click'：function（event）{ if（totIncrementmaxRightIncrement）{totlcrement = 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，MOD你的下一个和以前的功能，像这样：

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