Skrollr - その他のjQueryアニメーションの競合

Question

Skrollrは素晴らしいプラグインです。しかし初心者としては、いくつかの問題に直面しています。これは、ここでは欠落していますが、他のjQueryアニメーションを作成することはできません。単に

www.vieckowski.com/test

：下記の問題を示すテスト側へのリンクがあります。 index.htmlからSkrollr駆動セクションを削除した場合は、白いボタンをクリックして要素の高さをアニメーション表示できます。 Skrollr駆動セクションを元に戻すと、jQueryはこれらのタイプのアニメーションで作業を停止します。

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

：

 <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は、私は緑のセクションの高さをクリックの上にアニメーション化白いボタンを持っている通常のコードで行く：

は、だから私は、最初の部分がskrollr駆動され、いくつかの簡単なHTMLを持っています

私は要素をアニメーション化するためにこれを使用します。

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

私は非常に、非常にgratefullだろうヘルプ - 私のプロジェクト全体はこの問題に依存しています!!!!!!!!

すべてのベスト、

サイモン

Answer 1

！ソリューション ！！！

@ lonut !!!

"z-index"プロパティで配布された複数のレイヤーで作業するたびに、いくつかのjQueryアニメーションを開始するトリガー要素が一番上になければなりません。

これは、最高のzインデックスプロパティでスタイル指定する必要があることを意味します。

"z-index"で要素をスタイルする場合は、相対値のようにpoper "position"プロパティも設定する必要があります。