一个页面内滚动的jQuery插件 - PageScroller

今天介绍一款页面内滚动的jQuery插件-pagescroller，以前我们也介绍过类似的jQuery插件 jQuery的滚动插件Waypoints。

主要特性：

支持缺省方式左侧导航

支持向上及其向下滚动图标，支持俩个主题

支持顶端固定导航菜单

支持右侧导航

支持IE9+，firefox，chrome等浏览器

如何使用？

倒入相关类库

定义滚动区域：$('#wrapper').pageScroller()

Javascript

$(document).ready(function(){
 
 // instantiate page scroller plugin
 
 var navLabel = new Array('Introduction', 'How It Works', "What's Included?", 'Documentation', 'Download Plugin');
 
 $('#main').pageScroller({ navigation: navLabel });
 
 /* AVAILABLE OPTIONS:
  * currentSection     starting position
  * sectionClass    class of each section
  * navigationClass    navigation element class
  * scrollOffset    offset target area from top of section
  * animationSpeed     change duration of animation in miliseconds
  * animationBefore     callback: assign a function before animation
  * animationComplete     callback: assign a function after animation
  * onChange     callback: assign a function for when section changes
 */  
 
 // assigns "next" API function to button
 
 $('.next').click(function(e){
  e.preventDefault();
  pageScroller.next();
 });
 
 //assigns "prev" API function to button 
  
 $('.prev').click(function(e){
  e.preventDefault();
  pageScroller.prev();
 });
 
 $('.jumpTo').click(function(e){
  e.preventDefault();
  pageScroller.goTo(4);
 });
    
});

来源：一个页面内滚动的jQuery插件 - PageScroller