Scrollify перейти к определенному разделу

У меня есть 3 раздела Scrollify. У меня также есть 2 кнопки, мне нужна одна кнопка для прокрутки до 2-го раздела, а другая кнопка для прокрутки до 3-го раздела.

Документация перечисляет этот метод:

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

"Метод перемещения можно использовать для прокрутки к определенному разделу. Это может принимать индекс раздела или имя раздела, которому предшествует хеш".

Вот мое сломанное демо:

КОДЕПЕН ДЕМО

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?

2 ответа

Я понял, это хешированный индекс, а не имя данных:

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

обновил демо

HTML

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

JS

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

Кодовая ручка: https://codepen.io/lakshmanpalitha/pen/gOorGBK

Другие вопросы по тегам