How to suppress scrolling by mouse wheel under certain conditions?

Thank you for reading my message.

I have a question about the .net maui blazor program. When the image is enlarged or reduced by operating the mouse wheel while the mouse cursor is on the image, the screen scrolling, which is the default behavior, moves at the same time. How can I suppress this screen scrolling when image scaling is working? Below is a sample program (added to Index.razor).

@page "/"

<h1>Hello world!</h1>

Welcome to your new app.

<SurveyPrompt Title="How is Blazor working for you?" />

scale : @scale<br>
<div>
     <img src="/dotnet_bot.svg" @onwheel="OnMouseWheel" style="transform: scale(@scale, @scale);">
</div>


@code {
     private double scale = 1.0;
     protected void OnMouseWheel(WheelEventArgs e)
     {
         double delta = e.DeltaY * 0.0001;
         double newScale = scale - delta;
         scale = newScale;
     }
}