По какой причине код (scrollspy) не работает на iOS?

Question

[wiyod]

Есть подозрение, что какая-то специфика платформы. Код такой:

handleSpy () {
      const els = document.querySelectorAll('.scrollme')
      els.forEach((el, i) => {
        const elTop = el.getBoundingClientRect().top
        const elBottom = el.getBoundingClientRect().bottom
        if (elTop <= 0 && elBottom > 0) {
          this.blocks[i].active = true
        } else {
          this.blocks[i].active = false
        }
      })
    }

Может быть надо по другому вычислять elTop, elBottom?

Comments

[Kovalsky]

Я думаю вам много станет понятно если вы вместо подозрений займётесь дебагом.

[wiyod]

Никита Полевой, мне это трудно делать,т.к. я не обладаю устройством на iOS. Заметил в Browserstack, а там очень неудобно дебажить.

Если знаете ответ на вопрос, лучше подскажите.

[Сергей delphinpro]

wiyod, Ну вообще должен работать. вы уверены что проблема в этом куске кода?

[Danila]

а ты в какой версии сафари смотришь? Может там NodeList не поддерживает метод forEach

[wiyod]

Данила, я смотрел в Хроме на iPhone. Не работает скроллспай (подсвечивание пунктов меню при скролле - exultant-curtain.surge.sh

[wiyod]

Данила, точно. Проверил в Девтулз на Сафари

TypeError: document.querySelectorAll(".scrollme").forEach is not a function. (In 'document.querySelectorAll(".scrollme").forEach', 'document.querySelectorAll(".scrollme").forEach' is undefined)handleSpy @ index.bbe1d5a….js:1n @ common.40f5dfd….js:2

[wiyod]

Чем же заменить forEach?

[wiyod]

Данила, спасибо огромное за помощь, благодаря вам решил проблему

Array.prototype.forEach.call(els, (el, i) => {...

[wiyod]

Вероятно стоит вынести ответ отдельно и я отметил бы его решением?

[Danila]

wiyod, вынес) рад помочь

Answer 1

[Danila]

Может NodeList не поддерживает метод forEach?