NO BUG: Overscroll when fixed background image on page

Hello,

I’ve an overscroll issue on sites where I’ve a fixed image as a background. I’m not able to deactivate the overscroll.

You can have a look at the page here: https://b36075zb.myrdbx.io/privatkunden/

All other pages on the side don’t have that kind of fixed images and therefor no issue.

Bricks 2.1.2 is installed.

Thanks.

Hi Christian,
Thanks so much for your report!

However, I’m not entirely sure what exactly the bug is that you want to report. Assuming it’s about this section that uses a fixed image: change the position to absolute, and the image will scroll with the content instead of being fixed.

Best regards,
timmse

Hi timmse,

thank you very much.

My problem is, that on this exact page it’s possible to overscroll so that the image appears next to the site, no matter where the viewport is. On all other pages of this website overscrolling is not possible at all.

I tried to achieve it with CSS:

body {
overscroll-behavior: none;
}

But that doesn’t work at all.

Thanks a lot.

I’m really sorry, but I still can’t follow. Could you please record a screencast showing the problem and tell me which browser/OS/device you are using?

I’m using an Iphone 12 mini with Safari. Where should I upload the record?

Thank you very much

You can upload it anywhere you want as long as it’s publicly accessible (Google Drive, Dropbox, your server, … ). Or you could use something like https://jam.dev/

Here is the link :slight_smile:

It’s as well on top and bottom.

Thanks a million for the video! Now I understand what you mean :+1:
The problem seems to be caused by the numbering, because the numbers extend beyond the viewport (because of their absolute positioning).

Either set the overflow of the section to hidden, or position the numbers a little less to the right on mobile devices to prevent the overflow.

That’s it. So no bug, thanks a lot! You can’t imagine how long I tried various versions of hiding overflow and overscrolling. Unfortunately missed the whole section…

1 Like