Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/388.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-core/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Mootools-FX.Scroll赢得';当触发另一个事件时,不能停止_Javascript_Mootools_Mootools More - Fatal编程技术网

Javascript Mootools-FX.Scroll赢得';当触发另一个事件时,不能停止

Javascript Mootools-FX.Scroll赢得';当触发另一个事件时,不能停止,javascript,mootools,mootools-more,Javascript,Mootools,Mootools More,我对Javascript没有很好的理解,所以在我们开始之前,先使用appologies 我已经成功地使用Mootools 1.1在单击事件时滚动到元素。我在这里使用了FX.Scroll作为示例,基本上删除了演示代码 注意:如果您快速点击一个链接,然后点击另一个链接,它会立即停止移动到第一个元素并滚动到第二个元素 我现在正在尝试使用Mootools 1.3为画廊使用淡入淡出效果,并使用了更多的生成器来获得FX.Scroll。它正在工作,但当我点击一个链接,然后直接点击另一个链接时,它只会继续第一个

我对Javascript没有很好的理解,所以在我们开始之前,先使用appologies

我已经成功地使用Mootools 1.1在单击事件时滚动到元素。我在这里使用了FX.Scroll作为示例,基本上删除了演示代码

注意:如果您快速点击一个链接,然后点击另一个链接,它会立即停止移动到第一个元素并滚动到第二个元素

我现在正在尝试使用Mootools 1.3为画廊使用淡入淡出效果,并使用了更多的生成器来获得FX.Scroll。它正在工作,但当我点击一个链接,然后直接点击另一个链接时,它只会继续第一个滚动

似乎event.stop不起作用

参见示例 我正在使用代码:

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