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