单击按钮时将焦点设置在滚动上
Posted
技术标签:
【中文标题】单击按钮时将焦点设置在滚动上【英文标题】:set the focus on the scroller when button is clicked 【发布时间】:2010-05-25 22:33:26 【问题描述】: window.addEvent('domready', function() var totIncrement = 0; 变量增量 = 560; var maxRightIncrement = 增量*(-6); var fx = new Fx.Style('slider-list', 'margin-left', 持续时间:1000, 过渡:Fx.Transitions.Back.easeInOut, 等待:是的 ); //------------------------------------- //“上一个”按钮的事件 $('上一个').addEvents( “点击”:函数(事件) 如果(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>
</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>
【问题讨论】:
【参考方案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();
【讨论】:
以上是关于单击按钮时将焦点设置在滚动上的主要内容,如果未能解决你的问题,请参考以下文章
如何通过在焦点集中时将其移动到键盘顶部/视图中心来突出显示滚动视图中的焦点 UITextField