gpt4 book ai didi

javascript - 粘性导航和 coverflow 插件出错

转载 作者:太空宇宙 更新时间:2023-11-04 11:15:06 31 4
gpt4 key购买 nike

我有这个页面,其中应该附有一个粘性导航。在页面上,有一个我从 dynamicdrive.com 获得的 coverflow 插件。

coverflow 插件就像一个图像 slider 。它看起来像这样: 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 中,我也无法在此处添加所有代码,因为分配给它的 css 和 js 超过 1 个。而且我相信您只能将一个分配给 jsfiddle

我希望有人能帮我解决这个问题

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

最佳答案

对于图像 slider ,使用 wow slider .它比其他人更受欢迎,因为它与其他功能没有兼容性问题,并且可以在 html5 中工作。它还提供了更多的功能和动画。我更喜欢这个。哇 slider 的唯一缺点是 slider 上有水印。但你也可以从 youtube 上删除它。搜索“Wow Slider Watermark Remove”。

-和平:)

关于javascript - 粘性导航和 coverflow 插件出错,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33301729/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com