2016-10-24 17 views
0

二つの質問変更特定のセクションおよび/またはボタンのクリックのためのスクロール速度(SCROLLIFY)

  1. をタイトルが言うように、それは別のセクションごとに異なるscrollspeedを設定するには、scrollifyで、可能ですか?

  2. 私はscroll scrollを変更しようとしたところで "scrollify.next"ボタンも持っていますが、私はjquery/js expertではないことに気付きました。私はボタンイベントのscrollspeed設定を上書きすることができましたが、クリックイベントが完了した後にスクロール速度設定を適切に戻すにはどうすればよいですか?今のように、ボタンをクリックした後のすべてのスクロールは、新しい設定に従います。

私はもう一度jqueryを再学習する必要があることを実感します。事前に

$(".next-btn").click(function(e) { 
    e.preventDefault(); 
    $.scrollify.setOptions({ 
     scrollSpeed: 2500, 
    }); 
    $.scrollify.next(); 
}); 

ドキュメント用scrollify https://github.com/lukehaas/Scrollify

ありがとう!

+0

コードは問題なく表示されますが、htmlの詳細情報を提供できますか? –

+0

はい、私が言ったように、コードは動作します。しかし、ボタンをクリックすると、すべてのセクションのスクロール速度設定が永久に変更されます。その特定のスクロール速度を持つボタンイベントは、画面が移動した後、スクロール速度を800に戻したいとします。 –

+0

次に、 '' scrollSpeed:x''のような '' scrollSpeed''のグローバル変数を定義できます。現在のウィンドウ画面==次の画面が必要な場合は、x = 800 ... –

答えて

1

'after'コールバックを使用します。 Scrollifyがセクションにスクロールするたびに、アフターコールバックを発生させるので、必要なセクションの中で新しいスクロール速度を定義することができます。

+0

あなたの返事をありがとう。私は "after:function(){}"の使い方を理解しようとしています。ドキュメントは非常に曖昧で、私はJS/jquery dev(基本知識のみ)なので、そのコールバックの中で設定を適用する方法を理解するのは難しいです。 I.E。特定のセクションをターゲットに設定する方法、速度を変更する方法、およびそれを利用する方法アフターコールバックの中に何かを入れると、スクリプトが機能しなくなるので、何か間違っていると思います。ここに私が作ったものがあります。 http://pastebin.com/gAfQRs9H –

+0

Scrollifyのサンプルページのソースを見てみましょう:http://projects.lukehaas.me/scrollify/examples/appleアフターコールバックを利用してアニメーションを制御します。各セクション –

+0

ありがとうルークハース。私はあなたのやり方を見て、それから学びます。あなたは素晴らしいです:) –

関連する問題