粘性导航和coverflow插件出错

时间:2015-10-23 11:55:55

标签: javascript jquery html css

我有这个页面应该附加一个粘性导航。在页面上,有一个我从dynamicdrive.com

获得的coverflow插件

coverflow插件就像一个图像滑块。它看起来像这样: enter image description here

使用滚轮从左向右滚动,或者您可以单击图像以对焦。它一直在工作,直到我添加了粘性导航所需的代码。这正是这个:

<!--sticky menu-->
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/script.js"></script>
<!--ends here-->

如果你注释掉这部分代码,那么coverflow插件可以正常工作,但粘性导航没有,如果没有标记为注释,粘性导航也可以,但是coverflow插件卡住了,不会移动或者做动画。

我认为z-index引起了这种情况,但它没有做任何事情。我确信两者都有效,但不想携手合作。有办法解决这个问题吗?

我甚至无法在jsfiddle中添加所有代码,因为分配了超过1个css和js。而且我相信你只能将一个分配给jsfiddle

我希望有人可以帮助我

我尽力在jsfiddle上总结一下: http://jsfiddle.net/misaki03/40fq496r/2/

1 个答案:

答案 0 :(得分:1)

对于图像滑块,请使用wow slider。它是最优先的,因为没有兼容性问题以及其他功能,可以在html5中工作。它还提供更多功能和动画。我更喜欢这个。哇滑块的唯一缺点是滑块上有水印。但你也可以从youtube中删除它。搜索&#34; Wow Slider Watermark删除&#34;。

-Peace:)