How to block mouse scrolling

How to block mouse scrolling on mobile devices?
I searched the Internet and the problem occurs everywhere. You can't scroll the page if you touch the panorama with your finger.
This problem also occurs on PC. Can this help them add a function so that using the panorama is only possible after turning it off/clicking on the logo?

My project: https://topfoto360.pl/projekty/goldap-warszawska

I already have such a code. Maybe a function can be added to it? I'm not a programmer and I appreciate any help.

<layer name="skin_logo" url="skin/logo.png" keep="true" scale="0.1"
    align="topleft"
    onclick="openurl(https://topfoto360.pl)"
    enabled="true"
    x="10" y="10" />
    
    
    <layer name="intro"
            type="container"
            keep="true"
            width="100%"
            height="100%"
            bgcolor="0x000000"
            bgalpha="0.8"
            zorder="9999"
            enabled="true"
            bgcapture="true"
            onloaded="on_intro_loaded()"
            onclick="on_intro_click()" >
        <layer name="intro_logo"
            enabled="false"
            alpha="0"
            url="skin/logo_tlo.png" align="center" scale="0.5" />
    </layer>
    
    <action name="on_intro_click">
        tween(layer[intro].alpha, 0);
        set(layer[intro].enabled, false);
    </action>
    
    <action name="on_intro_loaded">
    delayedcall(0.2,
        tween(layer[intro_logo].alpha, 1);
    );
    </action>