Stack Overflow
Stack Overflow

Questions tagged [parallax]

An effect that causes the position or direction of an object to appear to change when viewed from different positions, e.g., through the viewfinder and the lens of a camera

par·al·lax

noun /ˈparəˌlaks/  parallaxes, plural

The effect whereby the position or direction of an object appears to differ when viewed from different positions, e.g., through the viewfinder and the lens of a camera.

The angular amount of this in a particular case, esp. that of a star viewed from different points in the earth's orbit.

Parallax scrolling is a special scrolling technique in computer graphics, wherein background images move by the camera slower than foreground images, creating an illusion of depth in a 2D video game and adding to the immersion.

source

2209 questions
8
votes
2 answers

how to implement parallax scrolling?

this is link For reference http://readwrite.com/2013/02/07/robert-scoble-favorite-apps-facebook-gmail-youtube in this site Center and Right Section both are scrolled at a time if we scroll Center section... i am done it same with this code:- this…
user2017104
8
votes
2 answers

Parallax Multiple CSS Backgrounds

I've seen a lot of solutions for parallaxing layered divs or sections with background images...I was hoping someone had a solution or knowledge of an existing plugin for parallaxing a div / section with multiple CSS backgrounds, eg: background:…
Guy Meyer
  • 97
  • 1
  • 7
8
votes
1 answer

Draw a curved line on a webpage as the user scrolls

I was wondering if it's possible to dynamically draw a curved line on a website as the user scrolls. I'm pretty sure it could be done using HTML5 Canvas with the bezierCurveTo() method, but that just draws the whole thing out right away. This will…
vipergtsrz
  • 1,061
  • 1
  • 12
  • 17
8
votes
3 answers

Questions about Request Animation Frame

I'm trying to build a parallax site, which will move few elements while scrolling the site. But instead of using a scroll event listener I'm using requestAnimationFrame, after reading this post by Paul Irish, and this video which said that scroll…
Zendy
  • 1,664
  • 1
  • 17
  • 24
7
votes
1 answer

Is it possible to use Parallax inside a Facebook App?

I was looking into tutorials and showcase on Parallax for webdesign and all of them use jQuery to achieve the desired results on the page. Is it possible to use Parallax effects inside Facebook Apps? Specially apps inside pages (Page Tab). I've…
Gus Fune
  • 643
  • 2
  • 5
  • 21
7
votes
2 answers

Vertical Parallax in jQuery

I'm currently building my portfolio site, and I'm having a little difficulty, basically I have two small problems... I cant get the background position to animate in the y axis when the position contains a "center" attribute on the x axis I cant…
Charlie Ryan
  • 211
  • 4
  • 16
7
votes
2 answers

Error: attribute 'package:contentScrim' not found

While I am trying to do Collapsing Toolbar Layout I got the error on contentScrim not found. This is my XML file.
sanjay
  • 165
  • 2
  • 12
7
votes
2 answers

Ultravisual iOS application like animation using UICollectionViewLayout without overlapping of images

I have created the same component which currently available in UltraVisual iOS application for viewing the records in animation like parallax effects. Please find the below attached GIF image for more information. I want the same animation as in…
Gaurang Makwana
  • 216
  • 2
  • 9
7
votes
1 answer

Combine several SKScenes in Sprite Kit

I am currently struggling with the following problem: I am creating a Sprite Kit game in Objective-C, in which I have to use a parallax-animation in all 3 scenes. I use clouds with randomly generated X and Y positions. They appear in the greeting…
Objective D
  • 799
  • 5
  • 16
7
votes
0 answers

iOS Swift Parallax header using a basic UIView

How can I achieve the parallax stretchy header effect using a basic UIView?. I already searched for similar question, but all I found was achieving this effect using TableView and not using regular UIView. here's how it looks like. I suppose this…
Mahi008
  • 373
  • 2
  • 3
  • 22
7
votes
1 answer

how to confine animated div to a webpage section?

Hi I'm currently working on a parallax website. I would like to add an image that moves down as the user scrolls...but ONLY within a section of a website. So 4 sections down..the image is there...it moves as the user scrolls down...then disappears…
Superunknown
  • 501
  • 2
  • 10
  • 30
7
votes
1 answer

smooth scrolling in pure css parallax

Demo http://jsfiddle.net/11ec63xj/1/ Try to open above demo in iphone, the scrolling is not smooth at all. Later I learned to use -webkit-overflow-scrolling: touch; but it broke my parallax effect.
John St
  • 269
  • 3
  • 9
7
votes
2 answers

Scroll to link with skrollr

I am using https://github.com/Prinzhorn/skrollr to animate the background of my site as I scroll. However I am also wanting to have my links scroll up and down the page like a normal single page site would do. The problem is that both are working if…
Daimz
  • 3,243
  • 14
  • 49
  • 76
7
votes
2 answers

"One page" / "long front page" web design?

There's a web design trend that I've been seeing more and more in sites I come across. The thing is, I don't know what it's officially called, so I don't know how to look for the topic in web design sites or blogs. I'd like to find tutorials and…
Adrian Pauly
  • 147
  • 1
  • 7
7
votes
1 answer

FFTW plan creation using OpenMP

I am trying to perform several FFT's in parallel. I am using FFTW and OpenMP. Each FFT is different, so I'm not relying on FFTW's build-in multithreading (which I know uses OpenMP). int m; // assume: // int numberOfColumns = 100; // int…
tir38
  • 9,810
  • 10
  • 64
  • 107
1 2 3
…
99 100