Работа с IntersectionObserver

Очень мало хороших различных пример работы с IntersectionObserver. Для меня он все еще не понятен, да и думаю многим, кто только впервые начинает с ним работать, но у людей имевшие хороший с ним опыт я думаю есть уже некоторые "шаблоны". Так вот.. Можете ли вы предоставить какие-то базовые и уровнем выше примеры работы?

(Прошу, не нужно кидать минусы, если данный вопрос не относится к тематике сайта. Лично я считаю, что он относится т.к. в данном вопросе есть тема, которую смогут найти другие и примеры работы.)

• Допустим у нас есть какой-то сайдбар, в котором есть скролл. В нем есть элементы <li>, данные элементы могут подгружаться динамически, то есть при прокрутке вниз, в DOM добавятся еще <li>, а вверху лишние удаляются. Этот сайд бар не на всю высоту экрана. Нужно определить когда элемент <li> появляется в зоне видимости.
• Есть обычный блок, который нужно отследить, когда он появляется в зоне видимости, когда пропадает.