jquery - 单页导航和滚动效果

Question

我正在为客户建立一个单页网站，基本上是多个 <section>所有在 display:none;除了当前浏览的那个，您可以使用标题菜单切换 View 。

 $('header a').click(function(){
                var target = $(this).attr('href');
                $("#content > .visible").css('display', 'none').removeClass('visible');
                $(target).css('display', 'block').addClass('visible');
 });

所以它就像一个魅力，但我的客户要求我在您更改 View 时添加滚动效果... 使用当前配置，我不知道如何使用我的 display:none; 来处理它系统，如果我不得不重写我的导航系统，那真的很困扰我......

有人知道吗？

Answer 1

您可能想使用 fullPage.js用于您的单页滚动网站。

• Github repo
• Demo