How to Stop Background Page Scrolling When the Lightbox is Active in Editor X

I’m facing an issue in Editor X and would appreciate your help in finding a solution. I’m trying to stop page scrolling when a lightbox is active on my site. I want to disable scrolling on the background page while the lightbox is open, ensuring a smoother user experience.

I would greatly appreciate it if someone could guide me on the correct approach to achieve this functionality. Is there a specific method or code snippet that can help me accomplish this?