2016-12-16 9 views
2

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

www.vieckowski.com/test

Просто. Если я удаляю раздел, управляемый Skrollr, из index.html, я могу анимировать зеленую высоту элемента, нажав на белую кнопку. Если я поместил раздел, управляемый 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"}) }); 

Я был бы очень, очень благодарны для помощи - весь этот проект зависит от этой проблемы !!!!!!!!

Все самое лучшее,

Simon

+0

Кажется, все в порядке. Вы просто не показываете элементы из первых рук. – Ionut

+1

lonut, СПАСИБО ВАМ так много для ваших указаний - это был вопрос «z-index». Триггер щелчка был внизу, на нижнем уровне, поэтому я не нажимал его на самом деле, чтобы запустить анимацию jQuery. – Vieckowski

+0

Удивительный. Я рад, что вы это поняли. Ввод ссылки, которую вы предоставили Мне удалось отобразить элементы для их проверки с помощью 'z-index' и' position: absolute; '. И код работал нормально. – Ionut

ответ

0

!!! РЕШЕНИЕ !!!

Благодаря пользователю @lonut !!!

Всякий раз, когда вы работаете с несколькими слоями, распределенными со свойством «z-index», вы запускаете элемент, который вы хотите запустить, некоторые анимации jQuery должны быть сверху.

Это означает, что он должен быть оформлен с наивысшим свойством z-index.

Пожалуйста, помните, что если вы хотите стилизовать элемент с помощью «z-index», вы должны также установить свойство «позиция» покера, например, относительное.

 Смежные вопросы

  • Нет связанных вопросов^_^