Почему метод работает только для последнего элемента?

Question

[xutegino]

Почему значение scrolled меняется только для последнего элемента? querySelectorAll возвращает все элементы, верно? Почему работает только для последнего и как исправить?

let obj = document.querySelectorAll('h2');
      obj.forEach((el) => {
        let {top,bottom} = el.getBoundingClientRect();
        let height = document.documentElement.clientHeight;
        if (top < height && bottom > 0) {
          this.scrolled = true
        } else {
          this.scrolled = false
        }
      })

https://codepen.io/kodej/pen/RLNGqe

Answer 1

[0xD34F]

Работает для обоих элементов, просто scrolled - он у вас один. Поэтому он всегда принимает значение, соответствующее последнему элементу - успешно установленное true при обработке первого элемента затирается false'ом, устанавливаемым при обработке второго.

Насколько я понял, должно быть так.

Comments

[xutegino]

Спасибо!

[xutegino]

Госпади, нафига было div запихивать в луп? Чтоб жизнл медом не казалась?

[0xD34F]

xutegino, что значит нафига? Так ведь гораздо удобнее.

[xutegino]

0xD34F, где удобнее? В вакууме?

[xutegino]

Ну вот нафига мне фуллскрин дивы в лупе, если там конент будет у каждого свой. Такое чувство, что каждый соревнуется как сделать все наиболее задротским способом.

[0xD34F]

xutegino, вы представьте, что вам надо сделать не два div'а, а двадцать два. Что, будете копипастить, а потом руками править имена классов и т.п.? А когда потребуется разметку изменить - будете все два десятка править вручную? Абсурд же.

[xutegino]

0xD34F, вы издеваетесь что-ли?

[xutegino]

Еще раз говорю, в реальной жизни в 99% случаев это будут РАЗНЫЕ БЛОКИ ВООБЩЕ. РАЗНЫЕ АБСОЛЮТНО. С РАЗНЫМ ДИЗАЙНОМ. МНЕ НЕ НАДО ИХ ИТЕРИРОВАТЬ.

[xutegino]

Как это дерьмо переписать по-человечески??

v-bind:class="[ item.scrolled ? 'boom' : '', item.color ]"

[0xD34F]

Нужно два разных div'а? Ну так вернитесь к своему исходному варианту и два свойства scrolled.

[Егор Живагин]

0xD34F, вот так и помогай людям))

[Kovalsky]

xutegino, вы с таким подходом скорее всего улетите в read-only режим.

[xutegino]

Да ладно вам, ну вспылил я в 4 часа ночи. Ну бывает. Реально мне выносит мозг иногда сахар Вью. Я не настолько в него задротствовал, чтоб с ходу писать подобное.

В любом случае, 0xD34F, прошу прощения за грубость.

[xutegino]

Можете считать это побочным действием сахара, от которого, как известно, люди становятся аггресивными!)))