desired effect using jquery/CSS

Question

I am trying to get the effect of moving background image on a section like in below website.

Just about the footer when you scroll up and down the image behind "FIND A CHIPOTLE" scrolls and moves. I am not able to achieve the desired effect. Please help.

HaehnleinMar · Accepted Answer · 2016-09-07 09:02:12Z

1

You can do it using CSS:

background-attachment: fixed;

answered Sep 7, 2016 at 9:02

HaehnleinMar

783 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

HaehnleinMar Over a year ago

They did it with the image as the body's background-image, so the <section class="homepage-chipotle" data-language="en-us,en-ca"> just doesn't have a background.

maddie Over a year ago

yes thats what I found, so it confused me even more :P

Fergal Andrews · Accepted Answer · 2016-09-07 09:05:21Z

0

The body of the page has a background image. Most of the divs above it have a white background, but the one where you can see the image scrolling has "background: transparent;" which allows you to see the image attached to the page body. It's not the image itself that is scrolling but the divs above it.

answered Sep 7, 2016 at 9:05

Fergal Andrews

3142 silver badges12 bronze badges

1 Comment

Fergal Andrews Over a year ago

And as HaehnleinMar said, the background image is 'fixed'

Collectives™ on Stack Overflow

desired effect using jquery/CSS

2 Answers 2

2 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related