Solved

photo parallax effect

Posted on 2014-04-09
5
741 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 166 total points
ID: 39990634
0
 
LVL 53

Assisted Solution

by:Scott Fell, EE MVE
Scott Fell,  EE MVE earned 334 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 334 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

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
sort Multi-dimensional array 6 39
CSS overflow problem 21 36
How do I refresh ajax data from controller using angular? 3 15
Json and ajax javascript 24 20
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 code links for mobile sites that, once clicked, send a call or text to a specified number. For a telephone link (once clicked, calls a number), begin with a normal "<a href=" link tag. For the href, specify…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

742 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