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

HomePage scrolling down after Login

In my app after login screen I'm directed to Home Page but my homepage is scrolling at bottom.The code of my Home Page is below it consists of ParallaxScrollView inside LinearLayout.
Nikhil
  • 31
  • 1
  • 3
0
votes
2 answers

Pure CSS3 Parallax with Sticky Header Issue

I have built a site and has a very long page. We decided to add parallax to it using pure CSS3 and it worked. The CSS3 parallax code I got from here: codepen.io/keithclark/pen/JycFw Later, we decided to apply a sticky header but notice it did not…
EddieK
  • 15
  • 1
  • 4
0
votes
1 answer

Clickable images on parallax

what I am trying to do is to create menu, instead of links, a clickable image. However, these images are parallax layers. How should I approach this ? Should the clickable images be on separate layers ? This is the image I am going to use. I would…
Filip5
  • 67
  • 1
  • 10
0
votes
2 answers

Change text from a Div progressively when another Div goes over it

I have 2 Div filled with some text and a 3rd one in between, and I want, when the 3rd one goes above the 1st one, to progressively change the Div. I don't know if I'm explaining this correctly, here's some code to illustrate my HTML
Prototype
  • 122
  • 1
  • 3
  • 12
0
votes
3 answers

bind() in jquery 3.x

I recently had to upgrade my JQuery version, one of my plugins stopped working as a result. I used the migrate plugin, I changed all the bind() to on(), but to no avail. I use jQuery Parallax 1.1.3 by Ian Lunn (found here) Inside of the called…
Arne Clicteur
  • 49
  • 1
  • 12
0
votes
1 answer

How to prevent Recyclerview expand in CoordinatorLayout

I want to make parallax header with coordinatorlayout. I put a recyclerview into coordinatorlayout. It works. But the recyclerview loads all data but I divide my data list into pages. Every scrolled last item, I want to load next page. But it…
hkaraoglu
  • 1,345
  • 1
  • 15
  • 34
0
votes
0 answers

Parallax on Multiple Fullscreen Divs

I have a series of 8 fullscreen divs, and I have successfully applied the most basic of parallax effects to the first one. What I want to the do, is apply the same parallax effect to divs 3, 5 and 7. Here is my…
user5446333
0
votes
1 answer

efficient "parallax effect" for vertical img-list while scrolling

I have a list of images and want to move the images slowly up/down while scrolling down/up. The images itself are set by "object-fit: cover;" and "object-position: center 50%;", so I have space to move the image down to the maximum of…
nimo23
  • 5,170
  • 10
  • 46
  • 75
0
votes
2 answers

Center parallax image

I have this simplify code to add parallax to my image. When I start scrolling, the top value is incorrect. The distance is too big and when I come back at the top of the website the picture is not centered like the beginning. How do I calculate the…
Myriam Lefebvre
  • 113
  • 1
  • 12
0
votes
0 answers

Parallax navigation and more than one tabeview [iOS]

I want to do a screen having sticky parallax header (navigation) and more than one table view as pages with segment control. I found two perfect custom controls but unfortunately I didn't know how to combine them in one…
SimpleojbC
  • 127
  • 2
  • 14
0
votes
1 answer

Making a parallax effect on a flexbox column

Googled this, but most topics are about parallax effects which involve, like, full widths and / or heights - e.g. for headers. What I want is this. If you take a look at the "We are good at" section, on the left column, there's a parallax effect. I…
Radu B
  • 103
  • 2
  • 10
0
votes
0 answers

Why are my prototype cells are not showing up when I run my app on the simulator/a device.(Parallax Header For UITableView)

I was following the tutorial below in order to create a parallax header for my UITableView. I was able to successfully get it working, but now my prototype cells are not showing up on my project(inside of the UITableView) when I run it on the…
Gabe
  • 168
  • 11
0
votes
0 answers

Parallax Spacing Issues

I'm learning how to build a parallax site and i'm running into spacing issues between the background image and the content. I changed the display to inline-block and gave it a width of 100%. Is this the proper way to achieve what I want? body,…
James G
  • 71
  • 5
0
votes
1 answer

Parallax scroll on background image while scrolling page

I'm stuck on a parallax issue and can't seem to find specifically what I want. My page has a background image at the top. I have currently got background-position: fixed so it has a parallax effect however I need this image to scroll as the page…
James
  • 303
  • 2
  • 12
0
votes
1 answer

Implementing simple Parallax: Images "jumpy" in Firefox and Safari

I have the following use-case: a couple of content-elements with images in between the images should always be displayed as a whole (relate to the contain-value for the background-size-property) this behaviour should be the same on all viewports,…
AvantiC
  • 367
  • 3
  • 17
1 2 3
…
99 100