Skrollr: несколько экземпляров

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

Я начал рабочий пример здесь:

  • Серая колонка активирует экземпляр Skrollr при нажатии на кнопку «Активировать!». кнопка. (Кнопка «Уничтожить!» удалит его экземпляр.)
  • Я хотел бы изолировать анимацию Skrollr только от серого столбца, но, как вы можете видеть в этом примере, желто-оранжевый столбец также активируется.

skrollr
person Marc P    schedule 02.04.2014    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Три способа

  1. Удалите/добавьте атрибуты данных между вызовами destroy/init и добавляйте их только к нужным элементам.
  2. Используйте две константы, определенные как функции, и переключайте их между 0 и 1e6 (или чем-то действительно большим). Теперь элементы с большим не будут отображаться (учитывая, что вы используете edgeStrategy reset)
  3. Monkey патчит метод refresh (не трогая сам код скроллра). Skrollr использует его внутри при использовании init. Теперь вы можете исправить его, чтобы использовать leftColumn.getElementsByTagName('*') или все элементы в правом столбце, когда параметр не передается. Таким образом, инициализация повлияет только на элементы внутри одного из столбцов.
person Prinzhorn    schedule 03.04.2014
comment
Спасибо за эту стратегию, я попробую! - person Marc P; 03.04.2014
comment
Надеюсь, вы не ошиблись. Это три разные стратегии. Выберите один из них. - person Prinzhorn; 04.04.2014