Использование 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>

Каждый из них при нажатии отправит пользователя в определенный раздел веб-страницы, показанной ниже. Прямо сейчас без прокрутки, нет плавного перехода к каждой части.

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

Надеюсь, поможет.