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
0 answers

Strange rendering in Chrome when using fixed image within an element with border-radius

I have a fixed image within a div that has an overflow and border radius applied. When testing in Chrome, grid lines bleed outside the circle, also revealing the image. I'm only seeing this behaviour in Chrome, and I've been unable to find a…
milesholt
  • 161
  • 1
  • 9
0
votes
0 answers

Android WebView and recyclerview inside ScrollView

I have a web page with image and some text, image is having parallax effect. when i am loading the web page in a web view which is inside a scroll view, the parallax effect is not working. Scroll view also have recycler view along with web view. How…
Nitesh Mishra
  • 41
  • 1
  • 4
  • 12
0
votes
1 answer

Jumping Elements

I'm creating a parallax effect and I've made it so that (almost) every element has a different scroll speed. I've also made it so that elements down the page don't trigger their scroll speed until they've reached the viewport. Here's the JS for…
user7663387
0
votes
2 answers

Complex mathematical horizontal parallax easing function

I'm currently diving into parallax effects on the web. Parallax scrolling is a technique in computer graphics and web design, where background images move by the camera slower than foreground images, creating an illusion of depth in a 2D scene and…
Jesse van der Pluijm
  • 703
  • 1
  • 7
  • 20
0
votes
0 answers

How to combine Two Recycler adapter into one Custom Adapter?

I need to use two libraries for my Adapter, both Adapters are for different purpose, and i need to use them for my layout, one is ParallaxRecyclerAdapter and the other is FirebaseRecyclerAdapter is there a way to combine the two into one Custom…
SimpuMind
  • 365
  • 8
  • 22
0
votes
0 answers

Parallax scrolling effect not working on github pages

I have been working on a simple parallax scrolling web page that works well on my local machine but did not take effect when I uploaded to github pages. I am using scrollr.js (javascript library for the parallax effect). Although I have checked the…
Mojeed
  • 1
0
votes
0 answers

Late body background-image animation/transition when scrolled CSS

I just want to know how this late body background-image animation/transition works just like on Fate/Extra in Pure CSS w/o javascripts. If you notice the delayed scrolling of the background image, that's what I've wanted to achieve I can't provide…
NuraCavalire
  • 13
  • 5
0
votes
1 answer

ScrollMagic element is being triggered on page load automatically

I have a graphic element positioned at the bottom center of my page that is supposed to fade-in when you start scrolling down. I am using ScrollMagic JS The problem is that element is being displayed automatically whenever I reload the page and then…
Halnex
  • 4,242
  • 12
  • 49
  • 102
0
votes
0 answers

Parallax works not smooth enough after mouse scroll

I am coming into this as a bit of a philistine so bear with me.. There are parallax scrolling effect and smooth scrolling on my page. http://codepen.io/QLCee/pen/BWRMzd Here is the I am trying to make http://anagram.paris/team My parallax scrolling…
QMO Lee
  • 3
  • 3
0
votes
1 answer

Parallax effect – hero image overlayed/stack by content

I came across the website for the Moonlight Movie: http://moonlight.movie/ In the top there is a fullscreen image, when scrolling this is being overlayed by a fullscreen section. It is a niffty little parallax-like effect, that also works on mobile…
DWTBC
  • 285
  • 5
  • 24
0
votes
1 answer

move the x and y of multiple div's on mouse x, y in js

my goal is to make a webpage where multiple div's with text etc. within, moves on mouse x and y. It should looks like a parallax effect on mouse x and y. All the parallax plugins that i came across are image based so they don't work with the…
Bart
  • 5
  • 4
0
votes
0 answers

How to create a moving background using accelerometer in Android - Parallax effect

I want to add a moving background to my application, for now with only one moving layer, then I will scale it to more layers if needed. The desired effect should looks like this example 1 or example 2 . Can someone point me to the right direction?…
Pahomi
  • 455
  • 6
  • 17
0
votes
1 answer

Background images not resizing on mobile/iPhone

I have a page with large images that parallax scrolls. HTML:

Culture Smart!

Culture Smart! guides begin where other travel books…

Matt
  • 71
  • 1
  • 1
  • 9
0
votes
1 answer

Activity bot - parallax - moving the robots with sensors - C Programming

This is my code for moving an activity bot from its starting point to the ending point. It detects obstacles on both sides and turns away from them. I save the sequence of moves in an array so that I can return to the starting point without using…
Justin Chan
  • 49
  • 1
  • 6
0
votes
1 answer

How to make a div (with images content) scroll down while scrolling?

I have an issue that i'm not able to solve yet and I'd be really glad if someone could help ! I want to set a scroll effect (that reverse scroll) on a div which contains few images. To be more precise, images are randomly positionned into a div…
Marjorie Ober
  • 55
  • 5
1 2 3
…
99 100