0

私はJavascriptをあまりよく理解していないので、始める前に謝罪します。

私はMootools1.1を使用して、クリックイベントの要素までスクロールすることに成功しました。ここでは例としてFX.Scrollhttp://demos111.mootools.net/Fx.Scrollを使用し、基本的にデモコードを削除しました。

注：1つのリンクをクリックしてから別のリンクをクリックすると、すぐに最初の要素への移動が停止し、2番目の要素にスクロールします。

私は現在、Mootools 1.3を使用してギャラリーのフェード効果を使用しようとしていますが、MoreBuilderを使用してFX.Scrollを取得しています。動作していますが、あるリンクをクリックしてすぐに別のリンクをクリックすると、最初のスクロールが続行されます。

event.stopが機能していないようです。

例を参照http://www.mytimephotography.co.uk <動作 http://www.mytimephotography.co.uk/test <壊れた

私はコードを使用しています：

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

サイト上の他のソースコードをご覧ください。

4

1 に答える 1

3

Fx オプション オブジェクトの「リンク」プロパティを使用します。デフォルトは「無視」に設定されているため、元のアニメーションが実行され続けます。代わりに、現在のアニメーションの後に実行する場合は「チェーン」を使用し、現在実行中のアニメーションを中断する場合は「キャンセル」を使用します。

または、より速いアニメーションを使用します。2 秒は非常に長いです。:)

var scroll = new Fx.Scroll('scrollcontainer', {
    wait: false,
    duration: 2000,
    offset: {'x': 0, 'y': 0},
    transition: Fx.Transitions.Quad.easeInOut,
    link: 'cancel'
});
于 2010-12-16T19:00:56.260 に答える