?
Solved

photo parallax effect

Posted on 2014-04-09
5
Medium Priority
?
756 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 53

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 53

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

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

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

Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
Suggested Courses

765 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