Intersection Observer API, плавное появление элементов

Intersection Observer API, плавное появление элементов

Экспериментальный скрипт добавления анимации появления элементов при сколле.
Использовать только для опытов)

if ('IntersectionObserver' in window) {
	let iObserver = new IntersectionObserver(function(entries) {
		entries.forEach(function (currentValue, index) {
			if (currentValue.isIntersecting === true) {
				iObserver.unobserve(currentValue.target);
				let cont = $(currentValue.target);
				if (!cont.hasClass('js--loaded')) {
					cont.addClass('js--loaded');
					cont.css('opacity', '1');
				}
			}
		})
	}, {threshold: [0]});

	$('div').each(function () {
		$(this).css('opacity', '0').css('transition', 'opacity 1s');
		iObserver.observe(this);
	});
} else {
	// по старинке
}

Для наглядности включил данный скрипт на текущей странице.

Есть вопросы или нашли ошибку? Напишите комментарий (можно без регистрации), отвечать стараюсь быстро.