Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

photo parallax effect

Posted on 2014-04-09
5
Medium Priority
?
771 Views
Last Modified: 2014-04-15
Hi,

I just saw this site and I'm wondering how to code a photo background parallax effect like on this page:
https://bench.co

When you scroll a part of the background remains till a certain point. It's a neat effect.

Thank you<><
0
Comment
Question by:Victor Kimura
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
5 Comments
 
LVL 12

Accepted Solution

by:
KRUNAL TAILOR earned 664 total points
ID: 39990634
0
 
LVL 54

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 1336 total points
ID: 39990642
I have only bookmarked these for future use but not used....

https://github.com/Prinzhorn/skrollr
http://inner.geek.nz/javascript/parallax/
This one is more of what I think of parallax http://wagerfield.github.io/parallax/

Are you interested in the scrolling?
0
 

Author Comment

by:Victor Kimura
ID: 39990681
Wow, thank you, fellas! Those are great links.

This page states parallax is just one page and it's not responsive but these sites seem to counter that:
http://wagerfield.github.io/parallax/
http://themeforest.net/item/salient-responsive-multipurpose-theme/4363266?ref=Ihatetomatoes

Will look for more tutorials and play around with the skrollr.js and parallax.js. Really neat.
0
 
LVL 54

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 1336 total points
ID: 39990717
It is really about point of view http://en.wikipedia.org/wiki/Parallax

I wouldn't focus on the name, but rather the effect.  Is the scrolling down and revealing that you like?  When I think of parallax, I think more of the wavy wooden sea link I gave you.  But to somebody else, using that term may mean something else.
0
 

Author Closing Comment

by:Victor Kimura
ID: 40001022
Thank you, fellas! Father God bless<>< =)
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

When crafting your “Why Us” page, there are a plethora of pitfalls to avoid. Follow these five tips, and you’ll be well on your way to creating an effective page.
This article discusses how to implement server side field validation and display customized error messages to the client.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
Video by: Mark
This lesson goes over how to construct ordered and unordered lists and how to create hyperlinks.

610 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question