wow.js 与fullpage.js兼容问题?
解决方案
<script type="text/javascript">
$(document).ready(function() {
$('#home').fullpage({
// sectionsColor: ['#1bbc9b', '#4BBFC3', '#7BAABE', 'whitesmoke', '#ccddff'],
anchors: ['page1', 'page2', 'page3', 'page4','page5'],
// menu: '#menu',
css3: true,
scrollingSpeed: 1000,
/*---------------------scrollBar 设置为 true ------------------------*/
scrollBar: true,
/*---------------------scrollBar 设置为 true ------------------------*/
/*---------------------WOW.JS在fullpage之后执行 ------------------------*/
afterRender: function(){
wow = new WOW({
animateClass: 'animated',
});
wow.init();
/*---------------------WOW.JS在fullpage之后执行------------------------*/
}
});
});
</script>
<style>
/*body 增加 overflow:hidden*/
body{
overflow:hidden;
}
</style>