Телеграмм чат группы js

заменить в примере это
$('.go').each
на document.querySelectorAll('.go').forEach
и это
$(entry.target).addClass
на entry.target.classList.add
и будет ванила

👌 спасибо! вникаю

21:27пожаловаться #1

C

заменить в примере это
$('.go').each
на document.querySelectorAll('.go').forEach
и это
$(entry.target).addClass
на entry.target.classList.add
и будет ванила

делаю так, но он у меня сразу добавляет всем ссылкам активный класс и не удаляет при скролле...
https://jsfiddle.net/4quhLamv/5/

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

Дмитрий Беляев in JavaScript — русскоговорящее сообщество

21:40пожаловаться #2

ДБ

делаю так, но он у меня сразу добавляет всем ссылкам активный класс и не удаляет при скролле...
https://jsfiddle.net/4quhLamv/5/

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

обсервить не ссылки надо, ссылки то всегда во вьюпорте
получается надо так обсервить
document.querySelectorAll('.anchor');

Дмитрий Беляев in JavaScript — русскоговорящее сообщество

21:42пожаловаться #3

ДБ

делаю так, но он у меня сразу добавляет всем ссылкам активный класс и не удаляет при скролле...
https://jsfiddle.net/4quhLamv/5/

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

ну и каждый анкор нужно как то связать со своей ссылкой, можно впрнципе из id h2 в нем получить ссылку по href

21:43пожаловаться #4

C

ну и каждый анкор нужно как то связать со своей ссылкой, можно впрнципе из id h2 в нем получить ссылку по href

можно чуть подробнее об этом?

Дмитрий Беляев in JavaScript — русскоговорящее сообщество

21:46пожаловаться #5

ДБ

можно чуть подробнее об этом?

ща, поправлю фидл

Дмитрий Беляев in JavaScript — русскоговорящее сообщество

21:46пожаловаться #6

ДБ

можно чуть подробнее об этом?

как то так https://jsfiddle.net/80yrwhk5/
осталось только придумать условие, чтоб только 1 ссылка активная была, если это нужно конечно

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

Дмитрий Беляев in JavaScript — русскоговорящее сообщество

21:52пожаловаться #7

ДБ

можно чуть подробнее об этом?

это кстати % пересечения с вьюпортом:
{threshold: 0.1}
0.1 соответствует 10%

21:53пожаловаться #8

C

это кстати % пересечения с вьюпортом:
{threshold: 0.1}
0.1 соответствует 10%

а, вот что значит эта фраза))) прикольно)))
но вот класс вроде как добавляет, а удалять не хочет... пока вникаю в код!

Дмитрий Беляев in JavaScript — русскоговорящее сообщество

21:56пожаловаться #9

ДБ

а, вот что значит эта фраза))) прикольно)))
но вот класс вроде как добавляет, а удалять не хочет... пока вникаю в код!

удаляет вроде как
а фраза значит % на который отслеживаемый элемент пересекается с окном браузера

21:57пожаловаться #10

C

удаляет вроде как
а фраза значит % на который отслеживаемый элемент пересекается с окном браузера

удаляет! это я туплю. Спасибо за помощь!!! прикольная эта штука IntersectionObserver, сейчас буду подробнее про неё читать!

Назар Калитюк in JavaScript — русскоговорящее сообщество

22:00пожаловаться #11

2020 March 26

НК

как отправить запрос, ну просто выполнить код, точно по времени? Прям не в секунду, а з точностью до сотых секунды?

A in JavaScript — русскоговорящее сообщество

01:19пожаловаться #12

A

Назар Калитюк

как отправить запрос, ну просто выполнить код, точно по времени? Прям не в секунду, а з точностью до сотых секунды?

setTimeout ?

Назар Калитюк in JavaScript — русскоговорящее сообщество

01:39пожаловаться #13

НК

A

setTimeout ?

мне не через промежуток, а по точной дате.

Алексей Чепурко in JavaScript — русскоговорящее сообщество

01:40пожаловаться #14

АЧ

Назар Калитюк

мне не через промежуток, а по точной дате.

setTimeout(() => (), targetTime - currentTime)

Назар Калитюк in JavaScript — русскоговорящее сообщество

01:44пожаловаться #15

НК

Алексей Чепурко

setTimeout(() => (), targetTime - currentTime)

а какая задержка у settimeout? Это же макротаска или как там и не будет же оно запускаться точно прям. Или будет?

Алексей Чепурко in JavaScript — русскоговорящее сообщество

01:45пожаловаться #16

АЧ

Назар Калитюк

а какая задержка у settimeout? Это же макротаска или как там и не будет же оно запускаться точно прям. Или будет?

с точностью до сотых до сотых долей секунды не сделаешь по техническим соображениям. смотри как работает EventLoop и очередь вызова

Назар Калитюк in JavaScript — русскоговорящее сообщество

01:46пожаловаться #17

НК

Алексей Чепурко

с точностью до сотых до сотых долей секунды не сделаешь по техническим соображениям. смотри как работает EventLoop и очередь вызова

ну я понял что не сделаю из за eventloopa, но какие примерно задержки там? Меня бы 5 сотых устроили, может даже 1 десятая

Алексей Чепурко in JavaScript — русскоговорящее сообщество

01:47пожаловаться #18

АЧ

эм. как освободится коллСтек и как пройдут более приоритетные вызовы, вызовется твой коллбек. никто тебе тут даже примерно не скажет

Назар Калитюк in JavaScript — русскоговорящее сообщество

01:48пожаловаться #19

НК

ну если коллстек пустой, то оно же всеравно моментально не сработает.