页面滚动元素动画效果jQuery插件 |其他|下载

简要教程

jquery.scrollfx是一款可以制作页面滚动元素动画效果的jQuery插件。通过该插件，用户在滚动页面的时候，可以改变文字的大小以及背景颜色的透明度等，制作出很酷的效果。

安装

可以通过npm来安装该插件。

npm install jquery.scrollfx --save

使用方法

使用该插件需要在页面中引入jquery和jquery.scrollfx.js文件。

HTML结构

可以使用

或

作为分段容器，里面放置内容。


  
  
    
      
        First section with an animation
        
        
          Scroll down to see these texts scale down and see the background change it's opacity.
        
        
          Scroll to top
          
        
      
    
  



  
  
    
      
        Second section with an animation
        
        
          Scroll down to see these texts scale down and see the background change it's opacity.
        
        Scroll to top
      
    
  

......

初始化插件

在页面DOM元素加载完毕之后，可以通过scrollFx()方法来初始化该插件。

$(selector).scrollFx(function() {
  scaleElements:    '',   // required
  opacityElements:  '',   // required
  precision:        ''    // optional
});