Skrollr - 任何其他jQuery動畫衝突

Skrollr是驚人的插件。然而，作爲初學者，我遇到了一些問題，這些問題似乎是我在這裏失蹤的一些明顯的細節，它不會讓我創建任何其他常規的jQuery動畫來工作。下面有到測試端的鏈接顯示的問題：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"}) });

我會非常，非常gratefull尋求幫助 - 我的整個項目取決於這個問題!!!!!!!!

一切順利，

西蒙

來源

2016-12-16 Vieckowski

它似乎對我很好。你只是沒有在第一手顯示元素。 – Ionut

lonut，非常感謝您的指導 - 這是「z-index」問題。點擊觸發器位於底層，所以我沒有點擊它來啓動jQuery動畫。 – Vieckowski

太棒了。我很高興你明白了。輸入您提供的鏈接，我成功顯示了使用'z-index'和'position：absolute;'測試它們的元素。代碼工作正常。 – Ionut

！解決方案！！！

感謝用戶@lonut !!!

，只要你用了「z-index的」分佈式幾層的工作性質，你觸發您要啓動一些jQuery的動畫已經成爲頂部元素。

這意味着它必須具有最高的z-index屬性樣式。

請記住，如果你想樣式元素以「Z-指數」，你必須還設置了波普爾「位置」屬性，比如相對的，例如。

來源

2016-12-16 20:03:26 Vieckowski

Skrollr - 任何其他jQuery動畫衝突

回答

相關問題