页面滚动动画插件scrollanim.js

 查看演示  website  立即下载

使用方法

Scrollanim有许多内建的CSS3动画可供使用。你所需要做的就是data-kui-anim给你的元素添加属性。

<div data-kui-anim="fadeIn">
   用fadeIn动画显示。
</div>

高级模式

另外，可以使用JavaScript API添加动画。

kissuiScrollAnim.add(element, {
  'in': 'fadeIn',
  'out': 'fadeOut'
});

Scrolanim支持页面上某个元素的所有可用位置。另外，您可以使用复合事件名称（e.g. in center middle）

CSS3动画

Scrolanim有许多CSS3动画可供使用。没有JavaScript动画，性能更好。

完美适用于台式机和便携式设备。

PREVIOUS:
NEXT:
百度地图拾取坐标（原创）
jQuery背景跟随滑动Tab导航菜单