宁波网站建设咨询:宁波网站建设
13780026116 宁波网站制作
网站公告
PHP技术
技术交流
网络推广
网站建设常见问答
殷雯动态
你的位置:首页> 新闻/观点 > 技术交流>fullpage.js和wow兼容问题
技术交流
fullpage.js和wow兼容问题

fullpage.js和wow兼容问题

   因为项目是全屏竖向滚动网站,就用到了fullpage.js插件和动画插件wow。结果发现wow不会执行了,原来这二个插件有冲突,可以使用以下代码来兼容。

<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>

这里要说一下浏览器的滚动条,如果觉得不美观可以再css进行屏蔽隐藏。


点击:  1528    时间: 2023-02-19
上一条: 行业趋势
下一条: 解决ps另存为jpg的图片文件很大
 
 
快速通道: 关于我们    网站建设    主机域名    付款方式    我的声明
  
联系我们
手机扫描QQ
网站建设咨询:
咨询热线:
宁波殷雯网站建设工作室
地 址: 浙江省宁波市江东区
电 话: 13780026116 
邮 箱:
waichun@qq.com
宁波网站建设
宁波网站制作
13780026116
宁波殷雯网站建设工作室 版权所有   浙ICP备16030041号-1