Работа с селекторами jQuery - ScrollTo

Question

Я работаю с плагином jQuery ScrolTO: http://demos.flesler.com/jquery/scrollTo/ на этом сайте: www.imfrom.me

У меня есть стрелки для перемещения вверх и вниз, и на данный момент я использую:

    $('.down_stream').click(function(){
        $.scrollTo( '#stream', 1500, {easing:'easeOutElastic'} );       
    });

Итак, по щелчку .down_stream перейдите к #stream, так же как стрелка вниз, чтобы перейти к потоку. Я пытался прочитать и выяснить селектор jQuery, чтобы позаботиться об этом, чтобы перейти к следующему сегменту без копирования / вставки этого фрагмента более 15 раз для движения вверх и вниз.

Я ничего не мог понять. Каждый сегмент заключен в этот блок:

<div id="stream" class="box">
        <div class="grid_12 arrow up_home">
            &uarr;
        </div>
        <div class="grid_2"><div class="number-heading">01.</div></div>
        <div class="grid_10">
            <h2 class="content_title">what's been new?</h2>

            <p>Blah blah blah blah...</p>
        </div>
        <div class="grid_12 arrow down_about">
            &darr;
        </div>
    </div><!-- end strean -->

Answer 1

Не эксперт по jQuery, но я сделаю это. Если я правильно понимаю, это часть «#stream», которая должна меняться каждый раз, когда вы нажимаете стрелку вверх / вниз. Таким образом, у каждого элемента будет свой идентификатор, и вам нужно передать его в этот небольшой фрагмент, чтобы он прокручивался?

Используйте массив и целочисленную переменную, чтобы отслеживать, в каком направлении перемещаться в массиве.

//initialize the array w/ your 15 div names
var divNames = ["#stream", "#nextDivName", "#andTheNext", "#yetAnotherDivName"];

var index = 0;

function moveUp()
{
  if((index - 1) >= 0){index--;}
  move(index);
}
function moveDown()
{
  if((index + 1) < (divNames.length)){index++;}
  move(index);
}
function move(p_Index)
{
   $.scrollTo( divNames[p_Index], 1500, {easing:'easeOutElastic'} );
}

Нажатие кнопок теперь вызывает функции moveUp () и moveDown ().

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