如何解决wow.js与fullpage的兼容性
2016-07-22 10:55
381 查看
项目需要做到全屏显示的同时还需要做到实时执行动画。但是发现在使用fullpage之后,wow.js(不知道这个是啥的点击这里)不起作用。
找了诸多资料,解决方法如下:
主要起作用的代码是要把scrollBar设置为true,并且把动画事件放在afterRender里面。
找了诸多资料,解决方法如下:
$('#fullpage').fullpage({ verticalCentered:true, css3:true, paddingTop:70, anchors: ['page1', 'page2', 'page3], scrollBar: true, afterRender: function(){ wow = new WOW({ animateClass: 'animated', }); wow.init(); } });
主要起作用的代码是要把scrollBar设置为true,并且把动画事件放在afterRender里面。
相关文章推荐
- Json和Xml数据解析
- jsp中字段截取
- js中replace的用法
- JavaScript 正则表达式
- javascript数组的方法总结,非常实用的!
- Jsp页面中双引号问题
- js 当前日期及时间
- javascript中的方法:类方法(静态方法)对象方法 原型方法
- JavaScript异步拖拽上传文件(未测试)
- javascript异步执行的一些例子(未测试)
- js封装好的模仿qq消息弹窗代码(未测试)
- 设为首页代码和加入收藏JS代码(未测试)
- js获取屏幕大小 (未测试)
- JS实现无刷新倒计时(未测试)
- JS拖拽元素 兼容IE (未测试)
- JavaScript浮动广告窗口实例(未测试)
- 安装phantomjs,使用java代码进行截图
- JSP的内置对象
- Jackson 框架,轻易转换JSON
- js --- 闭包,垃圾回收机制