0

私のサイトはコンテンツを縦にスライドさせています。しかし、何が起こるか：私がホーム画面にいて、最後のメニュー項目（ニュースレター）をクリックしたい場合..スライドは、宛先リンク（ニュースレター）に到達する前にすべてのコンテンツを表示します..

だから..私が知りたいのは、クリックしたメニュー項目のみをスライドさせるために何をする必要があるか、それ以外の場合はすべてのコンテンツです。

これは、この問題を抱えた私の作業サイトです: http://www.alsite.com.br/luxxx

そして、これは私のスライド スクリプトです。

$(document).ready(function() {

        //get all link with class panel
        $('a.panel').click(function () {

                    //reset and highlight the clicked link
            $('a.panel').removeClass('selected');
            $(this).addClass('selected');

            //grab the current item, to be used in resize function
            current = $(this);

                    //scroll it to the destination
            $('#wrapper').scrollTo($(this).attr('href'), 800);      

                    //cancel the link default behavior
            return false;
        });


        //resize all the items according to the new browser size
        $(window).resize(function () {

            //call the resizePanel function
            resizePanel();
        });

        function resizePanel() {

    //get the browser width and height
    width = $(window).width();
    height = $(window).height();

    //get the mask height: height * total of items
    mask_height = height * $('.item').length;

    //set the dimension     
    $('#wrapper, .item').css({width: width, height: height});
    $('#mask').css({width: width, height: mask_height});

    //if the item is displayed incorrectly, set it to the corrent pos
    $('#wrapper').scrollTo($('a.selected').attr('href'), 0);

}


    });

手伝ってくれてありがとう！

4

1 に答える 1

0

もちろん、現在表示している画面と、表示してスライドさせたい画面を除いて、他のすべての画面を非表示にします。現在見ているクラスにクラスを配置できる場合は.current、次のようにします。

$('.item').hide();
$((this).attr('href')).add('.current').show();
$('#wrapper').scrollTo($(this).attr('href'), 800);
于 2012-07-17T18:35:04.040 に答える