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

Question

[tyoma_koder]

Смысл в том чтобы когда черный блок подъезжал под блок в сайдбаре часть этого блока в сайдбаре что над черным блоком скрывалась и показывался блок разукрашеный под черный фон, я сделал это с помошью clip-path, и всё работает, но только для первого блока
https://codepen.io/morskaya_ulitochka/pen/yLKbyvR

Answer 1

[RAX7]

Comments

[tyoma_koder]

а что не так с моим вариантом?

[RAX7]

tyoma_koder, лишние returnы из-за которых выполняется только первая итерация цикла

for(let block of invertBlocks){
  block.classList.remove('exit')
  let blockData = block.getBoundingClientRect()
  let overlap = 0;
  let str = ''
  if(quotePosData.bottom<=blockData.top || quotePosData.top>blockData.bottom) {
      //если блок с цитатой уехал вверх за границу или не доехал до блока
      block.style.setProperty('--overlap', '0%')
      return; // <-- !!!!!!!!!!!!!
  }