Jquery прокрутите до divs с тем же классом

Question

Я не нашел примеров, которые работают для меня. Что мне нужно сделать:

У меня есть страница с переменным числом div, все имеют class = "item-elm". меня 2 arrows, up & down, и когда пользователь нажимает на одну из этих стрелок тело должно прокручивать, чтобы получить следующий DIV на вершине и т.д. и т.п. ...

Но я должен позволить классический mouse/touch свиток и, таким образом, сценарий должен (without fading/showing items) свитка на следующий пункт каждый раз, когда пользователь нажимает на 'next' or 'prev' стрелка.

Я пользователь нуб JQuery, так что я получил работать: - прокрутка к абсолютным сверху или снизу при нажатии на стрелках - прокрутка к первому элементу

Попробованного с serialscroll, но не сделал работа, я думаю, что я что-то неправильно при попытке использовать этот

Edit: Я пробовал: UIKit scrollspy на элементе, чтобы динамически добавлять «активный-вяз» класс data-uk-scrollspy="{cls: 'active-elm', repeat: true}" Затем «OnClick» стрелка вниз, I» м:

function nextScroll() { 
    var scrollPos = $('.active-elm').next('.item-elm').scrollTop(); 
$('body').scrollTo(scrollPos); 
    } 

Не работает:/

Answer 1

Добавить 'идентификатор' приписывать каждому <div>. Значение id содержит порядковый номер <div>, так, например, <div id="div1"> ... <div id="div2"> ... и т. Д. Вставьте стрелку вверх в якорь, например <a href="#divx">...</a>, где x меньше, чем id текущего div и окружает стрелку вниз в аналогичном якоре, где x больше, чем id текущего div , Например, второй <div> выглядит следующим образом:

<div id="div2"> 
    <a href="#div1"><img src="up-arrow.png"/></a> 
    <a href="#div3"><img src="down-arrow.png"/></a> 
</div> 

Answer 2

Хорошо тогда, он работает с:

function nextScroll() 
{ 
    /*var scrollPos = $('.active-elm').next('[data-uk-scrollspy]').scrollTop; 
    $('body').scrollTo(scrollPos);*/ 
    var next; 
     next = $(".active-elm").closest(".item-elm").next(); 
     $("html, body").scrollTo((next.offset().top) + 65, 300); 
} 

function prevScroll() 
{ 
    var next; 
     next = $(".active-elm").closest(".item-elm").prev().prev(); 
     $("html, body").scrollTo((next.offset().top) - 65, 300); 
} 

OnClick для выполнения каждой функции, когда пользователь нажимает на соответствующие стрелки

Затем Жюст использование uikit scrollspy для динамического изменения класса «active-elm» при появлении элемента

Я думаю, что это не лучший способ сделать это, но это действие y works;)