How to apply Parallax effect to an image?

Asked

Viewed 30 times

2

I don’t know if I can explain my difficulty, but come on;

Watch the image;

inserir a descrição da imagem aqui

When I click on the scroll bar what happens?

I can see the rest of the page, but the background image is not frozen, it is fixed because of the settings I made in CSS.

What would be a frozen image?

By clicking the scroll bar to move it downwards the image would be fixed, but instead it accompanies.

I’ll try to explain it better.

The goal of this action is to click on the scroll bar and move it downwards the image is fixed, as it is not fixed what happens?

I can reach the end of the page at the bottom of the page and find the end of the image, and that’s not the goal, as it is behaving this way if it has much content the information will be included and pass the image, leaving a bad aesthetics of the page.

In advance I have apologized for not clearly explaining my doubt, but in case anyone doubts what I have explained I will try again to explain, it is because I have not found any example on the internet that could put you here for you to have an idea, I know it has something to do with the effect of Parallax.

I believe it can be done in many ways, either by CSS or by Javascript.

/////////////////////////////////////////

I found an example and coincidentally it is very similar to my website. This is the effect I wanted to put on my page, but I would like a tip on how I can start the implementation of this function.

http://pt.wix.com/website-template/view/html/1595?originUrl=http%3A%2F%2Fpt.wix.com%2Fwebsite%2Ftemplates%2Fhtml%2Fbusiness%2F4&bookName=create-master-new&galleryDocIndex=3&Category=business&metaSiteId=

  • 1

    Have you seen this question? -> http://answall.com/q/23202/129

  • I just saw it now, but I’d like you to look at my post, I just updated it and I found the idea that I needed, take a look to see if you can help me.

  • I apologize, it is because that implementation did not resolve, I apologize a thousand, I will start there.

  • @wladyband need not apologize, if there’s something you don’t understand, just comment there. It’s just that trying to ask the same thing in different ways is worse, and it’s not going to solve the problem. Try to explain where you’re struggling that we can try to help.

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.