2017-03-07 13 views
1

私は3 Scrollifyセクションを持っています。私はまた、2つのボタンを持って、私は2番目のセクションにスクロールするための1つのボタンと3番目のセクションにスクロールする他のボタンが必要です。特定のセクションにスクロール移動

ドキュメントリストこの方法:

$.scrollify.move("#name"); 

は「移動の方法は、特定のセクションにスクロールするために使用することができます。これは、セクションのインデックス、またはが先行するセクションの名前を取ることができます。ハッシュ "

はここに私の壊れたデモです:

CODEPEN DEMO

HTML

<div class="section third" data-div-name="third"></div> 

JS

これは動作します:

$('.link2').click(function(){ 
    $.scrollify.next(); 
}); 

しかし、これにはない:

$('.link3').click(function(){ 
    $.scrollify.move("third"); 
}); 

または "#third" または ".third"

任意のアイデアを使用していますか? data-div-nameを正しく使用していませんか?デモ

+0

'データ-DIV-NAME'がScrollifyとは関係ありません更新

$('.link3').click(function(){ $.scrollify.move("#3"); }); 

: –

答えて

1

私はそれを考え出し、それはハッシュ化されたインデックス番号ではないデータ名です。 Scrollifyの `data-section-name`を使うと、これはあなたが期待している方法で動作します。
+0

ええ、ドキュメントに記載されているとおり:https://projects.lukehaas.me/scrollify/#methods 問題が解決してうれしいです! :) –

+0

@SamFouadありがとう:) –

関連する問題