关于jquery滚动的一些问题

时间:2012-08-26 02:08:18

标签: jquery html css

这是小提琴:http://jsfiddle.net/mitchbregs/KkgkQ/3/ 这是全屏小提琴:http://jsfiddle.net/mitchbregs/KkgkQ/3/embedded/result/

我无法在这里工作。当有人在左侧导航栏上选择某些内容时,我希望它滚动到必要的区域。此外,一旦完成,我想将所选的jQuery removeClass打开并将其转回选项..如果你看看html / css,你可以看到它。

我使用了所有这些方法:
方法1:http://www.mediacollege.com/internet/javascript/page/scroll.html
方法2:http://blog.freelancer-id.com/2009/03/26/scroll-window-smoothly-in-jquery/
方法3:How to scroll the window using JQuery $.scrollTo() function

非常感谢所有回答的人!

1 个答案:

答案 0 :(得分:1)

为页面中的每个“部分”添加ID,并在菜单上绑定点击次数:

$(document).ready(function(){
    $('.contacts').on('click', function(){ 
        $('html, body').animate({
            scrollTop: $('#scroll_contact').offset().top
        }, 1000);
        $('.list_options_selected').attr('class', 'list_options');
        $(this).children(":first").attr('class', 'list_options_selected');
    })
});​

这里是JSFiddle