Skrollr - любой другой конфликт анимации jQuery

Question

Skrollr - удивительный плагин. Однако, как новичок, я столкнулся с некоторой проблемой, которая, кажется, является очевидной деталью, которую я здесь упускаю, которая не позволяет мне создавать любую другую, обычную анимацию jQuery для работы. Ниже есть ссылка на тестовую часть, показывающую проблему:

www.vieckowski.com/test

Просто. Если я удалю секцию, управляемую Skrollr, из index.html, я смогу анимировать высоту зеленого элемента, нажав белую кнопку. Если я верну секцию, управляемую Skrollr, jQuery перестанет работать с анимациями такого типа.

Итак, у меня есть простой HTML, где первая часть управляется скроллом:

      <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", вы должны также установить всплывающее свойство "position", например, относительное.