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 回答