Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #21 (permalink)  
Старый 09.09.2021, 11:21
Профессор
Отправить личное сообщение для Сергей Ракипов Посмотреть профиль Найти все сообщения от Сергей Ракипов
 
Регистрация: 01.06.2010
Сообщений: 651

Сообщение от рони Посмотреть сообщение
можно если использовать IntersectionObserver параметр threshold
Я думал об этом но мне не хватает "живого" примера что бы разобраться. не поможете?

Как бы то не было, как всегда СПАСИБО!
Ответить с цитированием
  #22 (permalink)  
Старый 09.09.2021, 11:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от Сергей Ракипов
не хватает "живого" примера
https://javascript.ru/forum/misc/828...tml#post538886

https://javascript.ru/forum/dom-wind...tml#post533705

https://javascript.ru/forum/dom-wind...tml#post534123
Ответить с цитированием
  #23 (permalink)  
Старый 09.09.2021, 12:47
Профессор
Отправить личное сообщение для Сергей Ракипов Посмотреть профиль Найти все сообщения от Сергей Ракипов
 
Регистрация: 01.06.2010
Сообщений: 651

рони,
Спасибо это то что нужно, я еще видео уроки нашел
Спасибо
Ответить с цитированием
  #24 (permalink)  
Старый 09.09.2021, 14:18
Профессор
Отправить личное сообщение для Сергей Ракипов Посмотреть профиль Найти все сообщения от Сергей Ракипов
 
Регистрация: 01.06.2010
Сообщений: 651

Я посмотрел почитал.
И из всего этого я могу сделать тоже самое но только идентичный код.
Я пробую его подстроить по свои нужды и у меня не выходит я не понимаю последовательность того что и должно быть написано. Да я читаю и вроде все понятно но когда сам пробую не понимаю как правильно все сделать.

Я понимаю что нужно записать вот эти переменные

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",


Я прочитал и понял как это работает, но не могу все это реализовать.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как определить реальное расстояние от начала страницы до элемента? cartrege Events/DOM/Window 13 20.12.2018 20:44
Отследить расстояние от верхнего края экрана до элемента Galyanov Элементы интерфейса 2 03.02.2017 23:29
Расстояние до края родительского элемента 1lider Events/DOM/Window 1 01.03.2015 20:32
Расстояние от элемента до элемента (Sandr) Общие вопросы Javascript 4 24.11.2011 17:20
Как запустить функцию при отображении элемента в окне браузера? Kostushko Events/DOM/Window 6 27.09.2010 11:03