Jquery 带小节的一页滚动

Jquery 带小节的一页滚动,jquery,scroll,Jquery,Scroll,我一直在寻找一个jquery插件来处理像苹果风格的卷轴这样的单页滚动站点。有几个选项(如PagePilling和alton)接近我所需要的 此外,我还需要子部分和点菜单来表示它们,以便在滚动时显示并高亮显示额外的点(以不同的样式),然后在下一个主要部分进入视图时再次隐藏 这样的解决方案是否已经存在?我已经询问了PagePilling,作者说该插件不支持该功能。我认为构建该功能的JQuery或Javascripting可能超出了我的专业知识范围,但欢迎链接到现有代码或具有该功能的站点,或者就如何编

我一直在寻找一个jquery插件来处理像苹果风格的卷轴这样的单页滚动站点。有几个选项(如PagePilling和alton)接近我所需要的

此外,我还需要子部分和点菜单来表示它们,以便在滚动时显示并高亮显示额外的点(以不同的样式),然后在下一个主要部分进入视图时再次隐藏

这样的解决方案是否已经存在?我已经询问了PagePilling,作者说该插件不支持该功能。我认为构建该功能的JQuery或Javascripting可能超出了我的专业知识范围,但欢迎链接到现有代码或具有该功能的站点,或者就如何编写该功能提出建议。

这行得通吗

$(文档).ready(函数(){
$(“.page”).css({
高度:$(窗口)。高度(),
线宽:$(窗口).height()+“px”
});
$(“导航a”)。单击(函数(){
theHref=$(this.attr(“href”);
$(“html,body”).animate({
scrollTop:$(theHref).offset().top
}, 500);
返回false;
});
});
*{font-family:'Segoe-UI';边距:0;填充:0;列表样式:无;}
a{color:#33f;文本装饰:无;}
正文{溢出:隐藏;}
标题{位置:固定;右侧:0;顶部:0;}
标题导航ul{填充:5px;背景:ccf;边框半径:0px 0px 0px 5px;}
标题导航ul li{显示:内联块;}
标题导航ul li a{显示:块;填充:5px;边框半径:5px;}
标题导航ul li a:悬停{背景颜色:#99f;颜色:#fff;}
.page{文本对齐:居中;}
#第1页{背景:#99f;}
#第2页{背景:#9f9;}
#第3页{背景:#f99;}
#第4页{背景:#9cf;}

第1页 第2页 第3页 第4页
它确实可以工作,但这并没有增加比上面提到的插件中已经存在的功能更多的功能,也没有回答dot Menus直观表示的子部分问题。该链接将最有效地解释它:我无法在此处发布图像,因此该链接解释得最好。这意味着将儿童节钩到一个手风琴排列的点Nav/StudikBrasWAVE,你考虑使用水平分段(幻灯片),如所提供的。我想说的是,从用户体验的角度来看,它更常见,也可能更清晰。