Как узнать появление элемента в области просмотра браузера и получить id этого элемента?

Question

[Аркадий Астанин]

Здравствуйте, подскажите можно ли реализовать такую штуку:
У меня есть комментарии на сайте, и мне надо чтобы когда этот комментарий появлялся в области просмотра браузера срабатывал js, я нашёл в интернете:

var block_show = null;
 
function scrollTracking(){
	var wt = $(window).scrollTop();
	var wh = $(window).height();
	var et = $('.active').offset().top;
	var eh = $('.active').outerHeight();
	
	if (et >= wt && et + eh <= wh + wt){
		if (block_show == null || block_show == false) {
			$('#console').html('Блок появился');
		}
		block_show = true;
	}
}
 
$(window).scroll(function(){
	scrollTracking();
});
	
$(document).ready(function(){ 
	scrollTracking();
});

он работает, так вот мне надо как нибудь получить id даного блока, а то у меня много комментарием, а id разный. подскажите пожалуйста, если это можно реализовать, то как?
Заранее спасибо.
P.S. я использую jQuery, но можно и чистый js код:)

Answer 1

[Stalker_RED]

Intersection Observer API
Еще пример: https://googlechrome.github.io/samples/intersectio...
Плагины для jQuery https://jquery-plugins.net/tag/intersection-observ... (правда непонятно, зачем тащить плагин ради задачи, решаемой в 5 строк)

Comments

[Аркадий Астанин]

Я не нашёл как реализовать .