Как запустить ф-ю, когда я доскроливаю до каждого указанного блока?

Question

[Дима Паутов]

Есть у меня функция colouredBg()

Так же есть несколько блоков с классом .section

Вопрос, как запустить функцию, когда я буду доскроливать до каждого блока?

Для подобной задачи взял маленький плагин jQuery-viewport-checker, через callback вызываю свою функцию, но метод у плагина срабатывает каждый проскроленный пиксель.

if (typeof($.fn.viewportChecker) !== "undefined") {
			$('.section').viewportChecker({
				repeat: true,
				callbackFunction: function(elem, action){
					Template.colouredBg('#colouredBg');
				}
			});
		}

Пробовал написать своё решение, но не получилось. Помогите решить!

Comments

[Алексей Зуев]

А можете свой код где-нибудь воспроизвести?

[Алексей Зуев]

Мне кажется, что callback плагина один раз срабатывает https://jsfiddle.net/kggx4v6m/

[Дима Паутов]

Алексей Зуев: Добавил свой

[Алексей Зуев]

Дима Турков: понятно, repeat

[Дима Паутов]

Алексей Зуев: Ну я хочу что бы всегда менялось. Да и без repeat не работало как нада

[Алексей Зуев]

Дима Турков: чтобы один раз вызывалась функция при прокрутке вниз и один раз при прокрутке вверх? или как?

[Дима Паутов]

Алексей Зуев: Мне нужно не 1 раз. А постоянно, как только в области видимости окажется одна из секций. Докрутили до 1й, вызов, до 2й, вызов, до 3й вызов, до 2й, вызов и т.д.

[Алексей Зуев]

Дима Турков: Посмотрите это

[Дима Паутов]

Алексей Зуев: Ну, я думаю можно и так. Большое спс, что откликнулись. Отпишитесь в ответе, что я поставил как решено!

Answer 1

[Алексей Зуев]

Как вариант - так