滚动视差插件skrollr-master

 查看演示  website  立即下载

单独的视差滚动的JavaScript库，支持手机（Android，iOS，等）大小只有12K。

设计师友好。即使不懂JavaScript。只需要简单的CSS和HTML知识即可轻松上手。

============以下是用户 只看不发了 提交的用法==============

使用方法

1、添加css，css文件在examples目录里

<link href="/build/css/fixed-positioning.css" rel="stylesheet" type="text/css" />
<link href="/build/css/skrollr.css" rel="stylesheet" type="text/css" />

2、添加js，js文件在dist目录里

<script type="text/javascript" src="/build/js/skrollr/skrollr.min.js"></script>

针对IE9以下的浏览器，还需添加skrollr.ie.min.js

<!--[if lt IE 9]>
	<script type="text/javascript" src="/build/js/skrollr/skrollr.ie.min.js"></script>
<![endif]-->

3、初始化

<script type="text/javascript">
      var s = skrollr.init({
      edgeStrategy: 'set',
	easing: {
		WTF: Math.random,
		inverted: function(p) {
			return 1-p;
		}
	}
      });
</script>

PS:修改div中的data属性可自定义div出现的高度

PREVIOUS:
NEXT:
jQuery音频播放器AUDIOPLAYER.JS
jQuery时钟风格插件clockpicker