Fixed position background image scrolls (video included)

daxliniere · March 28, 2018, 11:32pm

I’m no Webflow expert, but I have video proof of them problem:

A background image is set to fixed position on the ‘Body’ of the page, but when I scroll the page, the background moves with it. This was working when I first built the site.

Same in 2 instances of Chrome and also Firefox.

Try it for yourself: http://mixdirection.webflow.io

Because I need a workaround FAST, I’m going to duplicate the site and look for a solution.
Here is my site Read-Only: https://preview.webflow.com/preview/mixdirection?preview=95768c5d5b149da6a394aed0c03c916f

adiggy · March 28, 2018, 10:24pm

Hey Dax!

I just tested your read-only link in Chrome and the body background image doesn’t move for me.

daxliniere · March 28, 2018, 11:33pm

That’s a good start! Now try the published site: http://mixdirection.webflow.io

Super-confusing, right?

bbrazis · March 28, 2018, 10:34pm

Read-only link isn’t working.

daxliniere · March 28, 2018, 10:42pm

Sorry, fixed it.
(20 char min)

daxliniere · March 28, 2018, 10:45pm

Something screwy is going on with WebFlow at the moment. Dashboard is taking FOREVER to open, plus bad behaviour like this.

The Mobile viewport preview shows the hamburger menu correctly… my android phone does not…

bbrazis · March 28, 2018, 10:50pm

Background image doesn’t move for me either.

daxliniere · March 28, 2018, 10:53pm

@bbrazis Thanks for checking. Are you looking at the read-only site or the published page? The Designer view works perfectly.

If you are looking at the published site, what does the video show? A bug!
I tested on 2 browsers on 2 computers.

bbrazis · March 28, 2018, 10:55pm

I looked at both, the published site worked as intended with the background image’s position sticking to the scroll.

daxliniere · March 28, 2018, 10:56pm

Thanks, man. I guess this really is a bug, then.
How do we get admin’s attention?

daxliniere · March 28, 2018, 10:57pm

@bbrazis, waaaait a second, you mean the background moves as you scroll? It should not do that.

Either way, this is a bug.

daxliniere · March 28, 2018, 11:00pm

As you can see, the Body’s background image is set to Fixed, but it isn’t:

bbrazis · March 28, 2018, 11:02pm

So you mean you want it to not scroll with you?

daxliniere · March 28, 2018, 11:03pm

Correct. This is the issue as explained in the first post.

Do you know how do we get admin/dev attention on this?

bbrazis · March 28, 2018, 11:04pm

Unclick fixed on the background image.

daxliniere · March 28, 2018, 11:06pm

That gives the same (undesired) result, the background image scrolls with the page, instead of staying fixed.

bbrazis · March 28, 2018, 11:08pm

Oh, I misunderstood you. When I said it scrolled I mean that it was in a fixed position while you scrolled. I apologize for using the wrong terminology. So yeah, if it isn’t staying fixed for you then something is wrong because it is fixed in both the read-only and the published site.

daxliniere · March 28, 2018, 11:11pm

No! That’s misinformation. It is FIXED in the read-only site as it should be. It SCROLLS in the published site.
The Designer displays it correctly, the published page does not.

Brando · March 28, 2018, 11:14pm

Hi @daxliniere

I just tested the preview and the live site on this end and it appears the bg image is fixed as expected (GIF).

Are you by chance on a touchscreen laptop? If so there’s a known quirk where the fixed bg image doesn’t work correctly on a touchscreen laptop.

I also made a quick video showing an alternative to achieve this same design.

Hope this helps!

daxliniere · March 28, 2018, 11:15pm

Yes! All tested devices have touchscreens.