1

私は 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回以上コピー/貼り付けせずにNEXTセグメントに移動するようにしました。

私は何も理解できませんでした。各セグメントは、次のブロック内にラップされます。

<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 -->
4

1 に答える 1

0

jQuery の専門家ではありませんが、試してみます。よくわかりますが、上下の矢印をクリックするたびに変更する必要があるのは「#stream」の部分です。各 div には異なる ID があり、それらをこの小さなスニペットにフィードしてスクロールさせる必要がありますか?

配列と整数変数を使用して、配列内で移動する方向を追跡します。

//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() 関数が呼び出されるようになりました。

それが役立つことを願っています。

于 2009-07-09T01:29:40.107 に答える