Как синхронизировать клик и показ картинки при скролле?

Question

[420873535]

Дано:

1. контейнер #click, в который подгружаются внешние файлы, высота контейнера меняется
   
2. блок под контейнером #click - #Blot, в котором появляются рандомные картинки, когда кликают по #click.
   

Суть проблемы: когда страница загрузилась, кликаем по #click и в том же месте в #Blot появляется рандомная картинка, но если проскролить - картинки начинают появляться не в месте клика, а на расстоянии. Скриптом меняю высоту #Blot - подставляю как у #click.

Подскажите пожалуйста, как добиться синхронности по мере проскролла?

Пример codepen.io/gargool/pen/vaXPxO

Answer 1

[420873535]

нашел выход через css свойство pointer-events: none; https://developer.mozilla.org/en-US/docs/Web/CSS/p...
неправильно считались координаты клика через потомков в кликабельном слое.