Как заставить работать smooth scroll от UIkit?

Question

[saveTibet]

У UIkit есть инструкция по установке плавной прокрутки на страницу. Я имею ввиду с помощью JS, как указано у них внизу страницы —

UIkit.Utils.scrollToElement(UIkit.$(element, { /* options */ });

Что делать с этим кодом? Куда его ставить и как сделать это правильно?

Я пытался вставить его в /template/js/theme.js таким образом —

$(UIkit.Utils.scrollToElement(UIkit.$('#main', { duration: 1000 })));

, а на страницу поместил ссылку, которая должна мягко прокручивать к нужному блоку — <a class="scroll-down-arrow" href="#main"></a>, но это не работает.

Answer 1

[Дмитрий]

Я пытался вставить его в /template/js/theme.js таким образом

не надо так :) Просто добавьте к каждой ссылке атрибут data-uk-smooth-scroll, как показано в примере:

<a href="#my-id" class="uk-button" data-uk-smooth-scroll>...</a>

Comments

[saveTibet]

Да, это я знаю. Почему я спрашиваю именно про способ с JS, о котором написано внизу страницы, так потому что там можно прописать параметр длительности скролла. На самом деле, если даже прописать этот параметру data-uk-smooth-scroll, то это тоже будет работать, так что проблему как таковую я решил. Но хочется пойти до конца и понять, как использовать способ с JS.

Answer 2

[Александр Калинин]

если

$(UIkit.Utils.scrollToElement(UIkit.$('#kuda', { duration: 1000 })));

то должен быть элемент #kuda, к которому ты должен скользнуть, типа:

<footer id="kuda"></footer>