I have set the background image of a box to be fixed so that a transparent box will scroll over it revealing the fixed image as you scroll down the page. This works great on a computer and even in Safari’s Responsive Design Mode works great on the smallest screen, however on an actual phone (iPhone 12 I’m testing on) the transparent box doesn’t scroll over the background image, it’s like the transparent box just is filled with a section of the image. Happy to upload the document if needed, but here is a link: https://christinawindhorse.com
and here are the setting I have on the box with the background image:
Unfortunately, it seems that Fixed background attachment has limited support in mobile browsers. It seems to have been disabled in iOS for performance reasons.
I used the supersize action for a background in Freeway with success to have a no scroll on iOS, probably with a little tweaking, and it is still going strong on that website: Jon Halvorsen Portfolios
I’ve been looking for a solution for a website I’m working on now, but most seem rather complicated. Surely, if a Freeway Action did the job in the old days there could be an easy solution now with Xway?
Sorry - I didn’t read the start of the thread (11 months ago). It looks like the Action is using JavaScript plus a JavaScript library. You can add JavaScript to a page in Xway, but I agree that it’s less easy than having an Action do it for you.
There are some suggestions here for how you could do this using CSS rather than JavaScript:
Four easy steps. Then tested on iOS. …and it seems to work well. The only thing I encountered was it didn’t work using the master page. But no problem as I don’t have many pages to go through. Wonderfully simple.
