Блог

Возможно ли иметь несколько целей привязки для одного элемента с помощью Skrollr? Например, мне нужно что-то вроде следующего:

 <section id="main-slide"
                 data-start="background-color:rgb(255,255,255);"
                 data-top-top="background-color:rgb(255,0,0);"
                 data-anchor-target="#slide1"

                 data-top-top="background-color:rgb(255,0,0);"
                 data-bottom-top="background-color:rgb(0,255,0);"
                 data-anchor-target="#slide2">
  

Итак, это похоже на то, что у меня есть первый набор анимации прокрутки относительно #slide1 , а затем, когда я продолжаю прокручивать, я должен запустить второй набор анимации прокрутки относительно #slide2 .

Я пробовал приведенный выше код, но он не заставил Skrollr работать правильно.

Как я могу иметь несколько целей привязки?

Я не думаю, что это возможно — вы дважды инициализируете одни и те же атрибуты (data-top-top amp; data-anchor-top). Вы могли бы попробовать использовать skrollr keyframing для передачи событий из #slide1 amp; #slide2 в ваш собственный обработчик событий.