How can I stop a page from scrolling?

Hi all,

The main page of my app has a background image and I would like to keep the page fixed i.e. no scrolling. I have followed the steps in the following video however my page still allows for scrolling (https://www.youtube.com/watch?v=OS9_SxjY7TE). Any ideas on how I can fix this. The video also does a better job of explaining my issue.

Thank you in advance for any pointers!

Make sure to have the groups not visible on load, so uncheck the check that says “Show this element on load” or something like that.

did you figure this out?

You can use css… I can’t remember the code but I used it to stop the screen scrolling when a re usable popup was visible

Thanks, tried but that didn’t work.

No still no luck. Any thoughts?

I’ll have a dig around to see if I can find some css code that can help achieve what I want. Thank you for the input.

I’ll be at my computer today I’ll have a look for you

Thank you very much Chad.

Sorry for the delay

here is the CSS you could put it in the page header if you like or it’s own html element

I was using it to stop the page scrolling behind a reusable popup, I would have it in a html element with a condition if popup was visible html element text = script above

> <style>
> #stopscroll{
> position: fixed !important;
> }
> </style>

you need to enable element ID in the settings then in anything you dont want to scroll set the ID attribute to stopscroll

I think thats it…

2 Likes

Thanks again Chad, i’ll give it a go.

Hey there!

I know it can be frustrating when things don’t work the way they should.

Can you share your page so we know what we are working with? Sometimes there are overlapping groups or other things in the way of collapsing certain groups. It would help to see what is going on.

No need to show the editor at the moment unless we need to troubleshoot more. :+1:

Jason
Website: www.nocodeminute.com
Email: contact@nocodeminute.com