リンク上でScrollifyを使用する

Question

リンクをクリックした後、スクロールライブラリを使用してページの特定のセクションにウェブページを遷移させる方法を教えてください。

<ul class="nav navbar-nav"> 
    <li><a href="#1" class="link">this is a link</a></li> 
    <li><a href="#2" class="link">this is another link</a></li> 
    <li><a href="#3" class="link">and another link</a></li> 
</ul> 

これらをクリックすると、以下のWebページの特定のセクションにユーザーが送信されます。今すぐスクロールせずに、各部分にソフトな遷移はありません。

<h3 class="season" id="1"><span class="seasontext">SS17</span></h3> 
<h3 class="season" id="2"><span class="seasontext">SS17</span></h3> 
<h3 class="season" id="3"><span class="seasontext">SS17</span></h3> 

これはスクロールテンプレートですが、リンクに別々にアクセスする方法と移行の使い方がよく分かりません。

$.scrollify({ 
    section : "link", 
    interstitialSection : "", 
    easing: "easeOutExpo", 
    scrollSpeed: 1100, 
    offset : 0, 
    scrollbars: true, 
    standardScrollElements: "", 
    setHeights: true, 
    overflowScroll: true, 
    updateHash: true, 
    touchScroll:true, 
    before:function() {}, 
    after:function() {}, 
    afterResize:function() {}, 
    afterRender:function() {} 
}); 

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

Answer 1

これを実現するには、以下のようにクリックイベントを記述することをお勧めします。

$('.link').click(function(){ 
    var moveTo = $(this).attr('href'); 
    $.scrollify("move",moveTo); 
}); 

希望します。