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
0
votes
1 answer

Reycler view and custom parallax effect

I create parallax effect moving the image background depends on location of first element of recycler view only. @Override public void onScrolled(RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); if…
Евгений Речков
  • 329
  • 4
  • 16
0
votes
0 answers

translate3d not performing good enough on parallax effect?

I'm trying to create some parallax effect. This is how it looks the undesirable result when using 3d translations (notice the flickering of the 1st image) This is quite noticeable when scrolling in a kinetic trackpad such as the MacBook ones,…
Alvaro
  • 40,778
  • 30
  • 164
  • 336
0
votes
0 answers

Scale on parallax effect

Here's my JS FIFFLE https://jsfiddle.net/uo34ru7d/28/ I would like to make a scale effect hover on my div, but it doesn't work well with the script I'd use. You will see better on the JS FIDDLE. HTML
user3870112
  • 311
  • 3
  • 18
0
votes
4 answers

Video as background parallax CSS

I'm more backend guy than frontend, so if you consider my question as dummy, sorry for that, but I couldn't find answer :) My aim is to have background video with parallax using CSS. In general I did manage to do that, but result is not good…
dmoczydlowski
  • 15
  • 1
  • 1
  • 5
0
votes
0 answers

Why does body element need height for parallax scrolling to work?

I have been trying to create parallax scrolling with js and css. Everything works fine but I have one line of code which I need but I don't know why. The working code is given below. CSS /// Block Element /// @access public /// @param {String}…
mortonprod
  • 183
  • 3
  • 13
0
votes
1 answer

Fixed Header Parallax Scroll

I am attempting to have the content portion of my page do a tiny parallax scroll over the banner image, while keeping the nav/header fixed and unmoving. Right now, both the image and the content parallax over top of the nav section. Would anyone be…
Theodore Steiner
  • 1,553
  • 2
  • 23
  • 34
0
votes
2 answers

Calculate distance between 2 objects in a picture with a variable scale

I am trying to calculate the distance between 2 points using a picture. The trapeze above represents a rectangle of 100 meters by 50 meters (the trapeze is due to the angle which I took the picture - actually a drone). So using this picture I…
YLM
  • 335
  • 6
  • 17
0
votes
0 answers

Is there any way to have parallax stretchy header effect on UICollectionView?

I am working on an iOS application where i need to show parallax stretchy header on UICollectionView while scrolling. I have implemented the same effect on UITableView in my previous version of app using this third party class. Due to some UI…
Arun
  • 483
  • 6
  • 20
0
votes
1 answer

Fixed position with perspective

Here's my JS FIDDLE. I would like that my div id="text" be fixed. But it doesn't work with my code... The problem is that I need to keep all my content in my div id="wrapper". How can I do? If you have another solution for have the parallax effect…
user3870112
  • 311
  • 3
  • 18
0
votes
1 answer

Applying parallax scrolling effect to multiple backgrounds, each scrolling at a different pace

I am trying to make a parallax effect that only involves backgrounds and header/footer images, leaving alone the main content markup (a regular wordpress loop). The backgrounds are all in the div #page which takes the whole document, except for a…
nonhocapito
  • 466
  • 5
  • 18
0
votes
1 answer

Parallax Effect on Text

A perfect example of what I am looking to achieve is on this page as soon as you land on it (parallax BG, text fades, and text is parallaxed):themenectar.com I am using parallax.js for my backgrounds which works great. I am also using this snippet…
Notorious
  • 3,057
  • 3
  • 23
  • 33
0
votes
0 answers

Keyframe and parallax

I use Keyframe when my page loading. You can see when you reload the page, the div with the background come up with a opacity effect. I use a parallax effect (https://github.com/nk-o/jarallax) on this background image but I have a problem when my…
user3870112
  • 311
  • 3
  • 18
0
votes
0 answers

Can't get fullpage.js work with Pure Css Parallax

I downloaded fullPage.js from gitHub, and it is such a great thing, but I needed to add some parallax, so I found this one, cool stuff as well, but there is a problem with connecting fullpage with this css3 parallax. They don't work together. Mb…
Раз Два
  • 1
0
votes
1 answer

Parallax, Mask, Transitions (oh my!) for IE without Clipping

I'm facing what I think is a unique situation, mainly because I can't find anything to help me with this. I'm trying to add a parallax effect inside a masked element. Before the element can be..."parallaxed?"...it has to slide into view, within the…
Webreality
  • 623
  • 1
  • 6
  • 11
0
votes
2 answers

How do I prevent one of my parallax elements from shift out of place?

The script functions in regard to the parallax effect but once the page is scrolled the 'logo' div immediately jumps to the left and I can't figure out how to remedy this. If possible I would like to know what is causing the conflict. *the script is…
gwiz_kid
  • 63
  • 6
1 2 3
…
99
100