Scrollanim滚动动画库
简介
Scrollanim 是使用 CSS3 + JavaScript 实现的用于创建滚动动画的库,应用到元素上后,当此元素出现在浏览器可视区域时便会执行对应的动画。Scrollanim 是 Kissui 的一部分,所以使用 Scrollanim 时需要用到 kissui.css。
使用
<link rel=" sheet" href="css/kissui.css"> <link rel=" sheet" href="css/scrollanim.min.css"> <script src="js/scrollanim.min.js"></script>
<div data-kui-anim="fadeIn">hello world!</div>
或者使用 JavaScript:
kissuiScrollAnim.add(document.getElementById('obj'), { 'in': 'bounceIn' });
评论
AOS动画滚动库
AOS(Animateonscroll)是小型动画滚动库,可在页面滚动时给元素添加动画效果。CSS3驱动,效果类似于WOWJS。构建安装AOS使用 bowerbower install aos --s
AOS动画滚动库
0
ParallaxTableViewHeaderiOS 滚动动画
ParallaxTableViewHeader是当tableView滚动时的时候UITableView头部视图的视差滚动视图。
ParallaxTableViewHeaderiOS 滚动动画
0
Jump.jsJavaScript 滚动库
Jump.js是极小的,现代化,无依赖的滚动库。在线演示:http://callmecavs.github.io/jump.js/ 支持的浏览器:Chrome24+Firefox23+Safari6.
Jump.jsJavaScript 滚动库
0
ScrollerJSJavaScript 数字滚动库
ScrollerJS是JavaScript轻量级数字滚动库,提供动态数字滚动效果,可以嵌入到Web应用中使用。主要特性轻量级,压缩后只有12KB没有任何依赖和外部框架和库跨浏览器兼容:Chrome42
ScrollerJSJavaScript 数字滚动库
0
ScrollerJSJavaScript 数字滚动库
ScrollerJS 是 JavaScript 轻量级数字滚动库,提供动态数字滚动效果,可以嵌入到
ScrollerJSJavaScript 数字滚动库
0
Pagescroll MenujQuery 动画滚动菜单
PagescrollMenu是个jQuery插件,用来创建动画滚动菜单。特性支持纵向和横向显示绝对,固定或者内敛风格可通过CSS设置背景颜色,字体大小,颜色平滑的动画效果当用户滚动时会伴有淡入淡出效果
Pagescroll MenujQuery 动画滚动菜单
0