Help with swipe up and down

[pouralise]

Hello, I want to creat a visualization like this. But I meet a problem when I try to swipe on the screen. When I touch a point on a object (or image), I can't swipe up or down, example when I touch in the red region. I can only swipe up or down when I touch a point outside the object, example when I touch to the green region. How can I fix that so I can swipe anywhere on the screen?
Thank you.

---

I'm sorry if it's hard to understand what I mean. I have uploaded a video to show the problem. It's very hard to scroll to room 7 and below

https://www.youtube.com/shorts/pgti_numTIg

[pouralise]

Any solution for this? Thank you
I'm sorry if it's hard to understand what I mean. I have uploaded a video to show the problem. It's very hard to scroll to room 7 and below

https://www.youtube.com/shorts/pgti_numTIg

[admin]

Visualization uses custom scroll implementation. You can try using native browser scroll instead, maybe it will help.

Custom JavaScript:

Code:

$.fn.perfectScrollbar = function() {}

Custom CSS:

Code:

.layers { overflow-y: auto; }

[pouralise]

Nice. I have another question. I have an other javascript file, how can I include it in the visualization like those file? Trying to copy the whole code in the "your code here" section but it didn't work. 

[admin]

Use this. Since the loading is asynchronous any further code that relies on the remote script must be placed inside the callback function.

Code:

$(function() {
  $.getScript('path-to-script.js', function() {
    console.log('script loaded');
  });
});