Javascript Mootools-FX.Scroll赢得';当触发另一个事件时,不能停止
我对Javascript没有很好的理解,所以在我们开始之前,先使用appologies 我已经成功地使用Mootools 1.1在单击事件时滚动到元素。我在这里使用了FX.Scroll作为示例,基本上删除了演示代码 注意:如果您快速点击一个链接,然后点击另一个链接,它会立即停止移动到第一个元素并滚动到第二个元素 我现在正在尝试使用Mootools 1.3为画廊使用淡入淡出效果,并使用了更多的生成器来获得FX.Scroll。它正在工作,但当我点击一个链接,然后直接点击另一个链接时,它只会继续第一个滚动 似乎event.stop不起作用 参见示例Javascript Mootools-FX.Scroll赢得';当触发另一个事件时,不能停止,javascript,mootools,mootools-more,Javascript,Mootools,Mootools More,我对Javascript没有很好的理解,所以在我们开始之前,先使用appologies 我已经成功地使用Mootools 1.1在单击事件时滚动到元素。我在这里使用了FX.Scroll作为示例,基本上删除了演示代码 注意:如果您快速点击一个链接,然后点击另一个链接,它会立即停止移动到第一个元素并滚动到第二个元素 我现在正在尝试使用Mootools 1.3为画廊使用淡入淡出效果,并使用了更多的生成器来获得FX.Scroll。它正在工作,但当我点击一个链接,然后直接点击另一个链接时,它只会继续第一个
window.addEvent('domready', function () {
var scroll = new Fx.Scroll('scrollcontainer', {
wait: false,
duration: 2000,
offset: {'x': 0, 'y': 0},
transition: Fx.Transitions.Quad.easeInOut
})
$('link1').addEvent ('click', function(event){
event = new Event(event).stop();
scroll.toElement('c1');
})
//etc
})
请查看网站上的任何其他源代码。使用Fx选项对象的“链接”属性。默认设置为“忽略”,这就是原始动画保持运行的原因。相反,如果要在当前动画之后运行,请使用“链”,如果要中断当前运行的动画,请使用“取消”
或者,使用速度更快的动画(两秒钟真的很长!)
使用“Fx选项”对象的“链接”属性。默认设置为“忽略”,这就是原始动画保持运行的原因。相反,如果要在当前动画之后运行,请使用“链”,如果要中断当前运行的动画,请使用“取消”
或者,使用速度更快的动画(两秒钟真的很长!)
非常感谢,兄弟,非常感谢,兄弟,非常感谢。
var scroll = new Fx.Scroll('scrollcontainer', {
wait: false,
duration: 2000,
offset: {'x': 0, 'y': 0},
transition: Fx.Transitions.Quad.easeInOut,
link: 'cancel'
});