适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗.

不支持IE8及以下浏览器。



      
      

      


      滑动鼠标滚轮

    
  
  

    

      
基本使用
      
需要引入 jQuery 1.6+ 以及缓冲动画插件jquery.easing.js.
      
  
  
    
      
    
 
 
    
      

      

    
  
        
    
  
  

    

      
配置
      
  $.scrollify({
    section : "section",
    sectionName : "section-name",
    easing: "easeOutExpo",
    scrollSpeed: 1100,
    offset : 0,
    scrollbars: true,
    before:function() {},
    after:function() {}
  });
        
    
  
  

    

      
选项设置
      

        
section
        
节点部分选择器.
        
sectionName
        
每一个section节点对应的data属性.
        
easing
        
定义缓冲动画.
        
offset
        
定义每个色彩tion节点的偏移量.
        
scrollbars
        
是否显示滚动条.
        
before
        
回调函数,滚动开始前触发.
        
after
        
回调函数,滚动完成后触发.
      
    
  
  

    

      
方法
      
滑动到指定的节点。
      
  $.scrollify("move","#name");
        
      

        
      


    
  

$(function () {
      $(".panel").css({ "height": $(window).height() });
      var timer;

      $(window).resize(function () {
        clearTimeout(timer);
        timer = setTimeout(function () {
          $(".panel").css({ "height": $(window).height() });
        }, 40);
      });

      $.scrollify({
        section: ".panel"
      });


      $(".scroll").click(function (e) {
        e.preventDefault();
        $.scrollify("move", $(this).attr("href"));
      });
    });