Я посмотрел почитал. 
И из всего этого я могу сделать тоже самое но только идентичный код. 
Я пробую его подстроить по свои нужды и у меня не выходит я не понимаю последовательность того что и должно быть написано. Да я читаю и вроде все понятно но когда сам пробую не понимаю как правильно все сделать. 
Я понимаю что нужно записать вот эти переменные
const blok = document.querySelector(".blok");
        const windowInnerWidth = document.documentElement.clientWidth;
        const intersectionObserver = new IntersectionObserver;
 
Понимаю что вот это 
let ikonka1 = blok.getBoundingClientRect();
blok.classList.toggle("blok2", ikonka1.top >= 100);
Заменить на это 
let options = {  
            root: document.querySelector('.blok'),  
            rootMargin: '5px',  
            threshold: 0.5
        };
И как то нужно правильно записать 
blok.classList.toggle("blok2",
Я прочитал и понял как это работает, но не могу все это реализовать.