Question

Skrollr是一个惊人的插件。然而作为一个初学者我遇到了一些问题似乎是一些明显的细节，我在这里缺少，这不会让我创建任何其他，常规的jQuery动画工作。下面是测试方面的链接，显示了问题：

www.vieckowski.com/test

简单。如果我从index.html中删除Skrollr驱动部分，我可以通过单击白色按钮来设置绿色元素高度的动画。如果我放回Skrollr驱动部分，jQuery将停止使用这些类型的动画。

所以我有一些简单的HTML，第一部分是skrollr驱动的：

      <div id="intro-image"
      data-top="transform: translate3d(-65%, 0px, 0px) scale(1.1);"
      data--2500top="transform: translate3d(-50%, 0px, 0px) scale(0.34);"
      data-anchor-target="#section-intro">
      </div>

然后HTML使用常规代码，我有一个白色按钮，动画点击绿色部分高度：

 <div class="one">
<div class="one_in"></div></div><div class="two"></div>

我用它来为元素设置动画：

$(".one_in").click(function(){ $(".two").animate({"height":"200px"}) });

我非常非常，非常感谢您的帮助 - 我的整个项目取决于这个问题!!!!!!!!

一切顺利，

西蒙

Answer 1

!!!解决方案!!!

感谢用户@lonut !!!

每当您处理使用“z-index”属性分布的多个图层时，触发您希望启动的元素一些jQuery动画必须位于顶部。

这意味着它必须具有最高的z-index属性。

请记住，如果您希望使用“z-index”设置元素样式，则必须设置一个poper“position”属性，例如相对属性。

Skrollr - 任何其他jQuery动画冲突

1 个答案: