Функция триггера, когда элемент в поле зрения

Question

Я использую https://github.com/peachananr/onepage-scroll для создания одного пейджера и хотел бы вызвать функцию (модальный лайтбокс) при прокрутке к определенному разделу.

Я пробовал несколько разных сценариев (appear, waypoint), но до сих пор вышли козыри. Не уверен, что это связано с тем, что прокрутка одной страницы фактически не прокручивается, а перемещает секцию в точку обзора.

Любая помощь была бы высоко оценена!

Answer 1

Вы можете использовать обратные вызовы, которые предоставляет плагин.

Кроме того, если вы хотите изменить для более полного плагина, таких как fullPage.js, у вас есть возможность scrollBar, чем при установке на true позволит плагины, такие как Точку или появляются работать, как ожидалось.

Причина этого подробно описана в fullPage.js FAQs:

параллакса, , а также множество других плагинов, которые зависят от прокрутке сайта, прослушивает свойство scrollTop в JavaScript. fullPage.js фактически не прокручивает сайт, но он изменяет верхнюю или translate3d свойство сайта. Только при использовании опции fullPage.js scrollBar: true или autoScrolling: false будет фактически прокручивать сайт таким образом, чтобы он был доступен для свойства scrollTop.

Тот же принцип применяется к OnePage прокрутки но разница в том, что fullPage.js обеспечивает способ борьбы с ним (scrollBar:true) и OnePage прокрутки не делает.