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
20
votes
4 answers

How do I create a parallax effect in UITableView with UIImageView in their prototype cells

I'm building an app in iOS 8.4 with Swift. I have a UITableView with a custom UITableViewCell that includes a UILabel and UIImageView. This is all fairly straight forward and everything renders fine. I'm trying to create a parallax effect similar to…
ded
  • 1,330
  • 1
  • 12
  • 21
17
votes
6 answers

Javascript - Smooth parallax scrolling with mouse wheel

I have a page where I'm applying a parallax effect. This is accomplished using translate3d. Now, while this works well, I'm wondering how I can override the default "steps" when scrolling with the mouse wheel? If I scroll with the scrollbars,…
Kenny Bones
  • 5,017
  • 36
  • 111
  • 174
17
votes
6 answers

How can I make a parallax scrolling site that works on iOS and desktop?

Before you say this isn't possible, I know it is. Here's an example: http://victoriabeckham.landrover.com/INT The main problem is that iOS freezes DOM manipulation on scroll, so you have to use some sort of technique to overcome the problem. The…
Jo Sprague
  • 16,523
  • 10
  • 42
  • 62
16
votes
4 answers

How to have a parallax effect between 2 ViewPagers?

Background Consider the following scenario: There are 2 viewPagers, each of different width and height, but both have the exact same number of pages. dragging on one should drag the other, so the effect is like a "parallax" effect. same as #2, but…
android developer
  • 114,585
  • 152
  • 739
  • 1,270
15
votes
2 answers

Parallax - Offset element(s), tied to scroll

Banging my head trying to sort out the correct logic for adding simple parallax behavior. I would like to have a number of elements on a page which start out with their top offset a certain distance (e.g. 300px). Then as you scroll down the page,…
Louis W
  • 3,166
  • 6
  • 46
  • 76
15
votes
4 answers

iOS Parallax Scrolling effect (like in Yahoo News Digest app)

I would like to know how to implement parallax scrolling similar to Yahoo News Digest app. In which when user scroll horizontally background image scrolls in a different speed with the paging is enabled. May be they do it with a ScrollView with a…
Tharindu Madushanka
  • 3,241
  • 7
  • 31
  • 33
14
votes
3 answers

formular to calculate width/height (relative to parent) of container with translateZ inside of parent container with perspective

What is the formular to calculate the widths/heights of child elements with translateZ inside of parent container with set perspective (keyword: "parallax") relative to its parents width/height? I'd like to create a site with parallax effect on both…
Axel
  • 3,331
  • 11
  • 35
  • 58
14
votes
1 answer

Android ViewPager With Parallax Background Image

I want to make a Parallax Scrolling effect of Background Image in an Activity That has view pager, were image should scroll according to ViewPager swipe/slide. I have already tried to use https://github.com/andraskindler/parallaxviewpager it is not…
Anand Siddharth
  • 967
  • 1
  • 9
  • 30
14
votes
2 answers

Horizontal scrolling with parallax background for ios

I'm facing a challenge of creating an introduction view, something like the "Cleanio" app (https://itunes.apple.com/fr/app/cleanio-pressing-la-demande/id885856031?mt=8). Here is how it looks like: So, the background and the overlay are moving…
sazz
  • 3,193
  • 3
  • 23
  • 33
14
votes
8 answers

Parallax Effect in Android's ViewPager

I'm trying to emulate a parallax effect when sliding through my fragments, I've read about beginFakeDrag and fakeDragBy but to be honest, I don't know even if it's the best approach to my problem. Anyone has done something similar with the ViewPager…
pdj
  • 221
  • 1
  • 2
  • 7
13
votes
5 answers

How to change scroll behavior (e.g. speed, acceleration) on website?

How are the modified scroll behaviors on websites made? I want to accomplish an accelerated scroll behavior as you can see it in the example. So you scroll in a certain speed and after you let go the page scrolls a little more by its own, slows down…
jeyy
  • 159
  • 1
  • 1
  • 5
13
votes
2 answers

Uncaught TypeError using stellar.js with jquery 3.1.1

In a single page I'm including only jQuery 3.1.1 and stellar.js for a parallax scrolling effects, but when I try tu use it as $(window).stellar(); I get this error in console: Uncaught TypeError: f.getClientRects is not a function…
Vixed
  • 3,429
  • 5
  • 37
  • 68
13
votes
2 answers

Parallax effect with UIScrollView subviews

I'm trying to create a Parallax effect on a UIView inside a UIScrollView. The effect seems to work, but not so well. First i add two UIView sub-views to a UIScrollView and set the UIScrollViews contentSize. The Views sum up and create a…
Raz
  • 2,633
  • 1
  • 24
  • 44
13
votes
3 answers

Why is skrollr preventing scrolling on ipad?

I'm trying to create a simple parallax animation with skrollr: my site is working well on Chrome/Mac but I'm seeing unusual behaviour on the ipad.. On ipad (testing on the IOS simulator), the main body of the page doesn't skroll at all (or may…
ptim
  • 14,902
  • 10
  • 83
  • 103
12
votes
4 answers

Scrolling parallax background, infinitely repeated in libgdx

I'm making a 2D sidescrolling space shooter-type game, where I need a background that can be scrolled infintely (it is tiled or wrapped repeatedly). I'd also like to implement parallax scrolling, so perhaps have one lowest background nebula texture…
fundead
  • 1,321
  • 1
  • 14
  • 15
1
2
3
…
99 100