How to avoid Scrolling while Zooming?

I am trying to create a website with the babylon.js canvas and it has multiple other HTML tags and elements as well. although when I try to zoom out of the canvas the page also scrolls downwards, is there any possible way to not have the page scroll down when zooming out of the scene? If so how can I avoid this problem?

Disable scrolling on the canvas element :slight_smile:
I don’t recall on top of my head but google should have the answer

Edit;

renderCanvas.addEventListener(‘wheel’, evt => evt.preventDefault());

3 Likes

Thanks a Lot

Thank you! Such a simple solution in the end but causing me headaches while troubleshooting.