SE
спасибо огромное, обязательно изучу, нужно это на более продвинутое время оставить
Size: a a a
2020 December 19
SE
Я смог подставить, но код сложно разобрать
j
So Easy
Я смог подставить, но код сложно разобрать
У IntersectionObserver есть вьюпорт, ты даёшь наблюдателю объекты для слежки при помощи observe. Когда один или больше объектов входят во вьюпорт, выходят из него ранее будучи в нём или всё ещё находятся в нём при прокрутке, обсервер добавляет его/их в массив entries, обернув в экземпляр IntersectionObserverEntry, при выполнении коллбека.
j
У IntersectionObserverEntry есть свойство isIntersecting, оно является true если объект пересекается и становится false если он только что вышел из вьюпорта. Если с объектом надо провести операцию одноразово - то после этого говоришь наблюдателю не следить больше за ним при помощи unobserve.
SE
А таргетс это массив элементов?
j
const targets = document.querySelectorAll('div')
function handle (entries) {
entries.forEach((entry) => {
if (entry.isIntersecting) {
entry.target.classList.add('active')
observer.unobserve(entry.target)
}
})
}
const observer = new IntersectionObserver(handle)
targets.forEach(target => observer.observe(target))Здесь targets просто NodeList, мы подписываем observer на слежение за каждым элементом в нём при помощи forEach.
SE
Спасибо за такой подробный разбор, нужно изучать все аспекты кода, сам бы я и не додумался такого, но лучше всё-таки начать с лёгкого и после увеличивать сложность
j
So Easy
Спасибо за такой подробный разбор, нужно изучать все аспекты кода, сам бы я и не додумался такого, но лучше всё-таки начать с лёгкого и после увеличивать сложность
У тебя тут палка о двух концах - либо заморачиваться с высчитыванием позиций и положения элементов и вьюпорта вручную, либо свалить эту задачу на обсервер и просто пользоваться его api.
j
Это всё-таки не квантовая физика, помозгуй немного и всё поймёшь.
НК
Ребята, кто может помочь чтобы спозицианировать буллеты в swiper
A
Привет. Скажите плз,
Динамическая форма создает примерно вот такие поля:
goods[0][insurance]': ['500'],
'goods[1][insurance]': ['600'],
Мне это надо перевести в нормальный массив типа:
goods:
- 0
—insurance : 500
Надо писать парсер, или есть какие-то встроенные функции для преобразования?
Динамическая форма создает примерно вот такие поля:
goods[0][insurance]': ['500'],
'goods[1][insurance]': ['600'],
Мне это надо перевести в нормальный массив типа:
goods:
- 0
—insurance : 500
Надо писать парсер, или есть какие-то встроенные функции для преобразования?
SE
Это всё-таки не квантовая физика, помозгуй немного и всё поймёшь.
Саму суть я понял, но про api первый раз слышу, не мог знать что делает IntersectionObserverEntry, теперь вот вопрос, можно пример, как работать с transitionend?
как я понял, это событие завершения анимации css?
как я понял, это событие завершения анимации css?
SI
Николай Коржиков
Ребята, кто может помочь чтобы спозицианировать буллеты в swiper
Используй css
НК
Понятное дело😂
НЗ
Всем привет друзья! Подскажите пожалуйста, как я могу получить доступ из браузера к файлу на компе, например к .mp3, connection refused и всё тут(((
j
So Easy
Саму суть я понял, но про api первый раз слышу, не мог знать что делает IntersectionObserverEntry, теперь вот вопрос, можно пример, как работать с transitionend?
как я понял, это событие завершения анимации css?
как я понял, это событие завершения анимации css?
Это для transition, для animation есть схожий эвент animationend.
j
So Easy
Саму суть я понял, но про api первый раз слышу, не мог знать что делает IntersectionObserverEntry, теперь вот вопрос, можно пример, как работать с transitionend?
как я понял, это событие завершения анимации css?
как я понял, это событие завершения анимации css?
Примеры transitionend и animationend есть на mdn
j
Видишь незнакомое слово - иди на MDN
SE
Всем привет друзья! Подскажите пожалуйста, как я могу получить доступ из браузера к файлу на компе, например к .mp3, connection refused и всё тут(((
если есть доступ, открой директорию
НЗ
gjlcrf;bnt rfr