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

Parallax effct not working in Firefox

So first of all, I'm not a professional coder but I have some experience. I am trying to do a modern nice parallax website. So my problem is that the image in the background doesn't show in Firefox but it does in Chrome and I want it to work in…
drstuggels
  • 122
  • 2
  • 12
4
votes
2 answers

Parallax css background image move a little

I have my background image from background-url and my parallax works for the image when I put: background-attachment: fixed; How can I make it so that the background image moves a little bit when I scroll? Here is the examples I'm talking…
pixie123
  • 929
  • 3
  • 14
  • 27
4
votes
1 answer

How to parallax scroll a layout over another in a Fragment without a Toolbar in Android

I am using a Fragment in my android app. This Fragment does not have it's own Toolbar or android.support.v7.widget.Toolbar element, but rather uses getSupportActionBar() from it's parent activity. Now, I want to set up Parallax Scrolling of the…
Ayush Gupta
  • 8,716
  • 8
  • 59
  • 92
4
votes
0 answers

How to setNestedScrollingEnabled in pre-lollipop devices.

I've a layout in which Root view is CoordinatorLayout and there is a TabLayout and a ViewPager. And there are multiple fragments are initialized in viewpager using FragmentStatePagerAdapter. Some fragments are using ListView and some are using…
4
votes
0 answers

Jquery slider with parallax scrolling (lightSlider+Parallax.js)

I'm frustating 2 days just wanna make slider with parallax scrolling, the first I use bootstrap with parallax.js but seems more complicated, since parallax.js cannot integrate with it uses div
themasmul
  • 125
  • 1
  • 10
4
votes
1 answer

CSS parallax effect. How to change the top margin

I'm trying to deal with this example of parallax effect on CSS. How can I change / remove the space between the first image and the top edge of the page? I am "playing" with the code for a long time but have not yet figured it out. /*…
Rumata
  • 1,027
  • 3
  • 16
  • 47
4
votes
1 answer

Prevent blurry effect in pure css parallax when using transform scale

I have a problem with a parallax website using pure css. The problem is that it uses css transform scale to create the parallax effect, this causes a blurry effect on the images and the text inside the container div scaled. I've tried…
GGKMNTN
  • 87
  • 9
4
votes
1 answer

Could be possible to make Parallax effect without ToolBar on Android?

I was looking for a long time (looking on third-party libraries also) to make some kind of "Parallax" but without Toolbar, All I've seen is working with Toolbar, but it's not in my best interest, because I removed Toolbar on whole application. I…
M. Mariscal
  • 1,226
  • 3
  • 17
  • 46
4
votes
0 answers

How can I make on scroll slide one by one cycle forward /reverse direction and active respective indicator?

I'm trying to create parallax kind of scroll slide animation forward and reverse direction. However i would like to active respective indicator at the same time. And if user click on any one of indicator so it should go to receptive slide.But I…
4
votes
1 answer

Customize Parallax in MaterializeCss

I am trying to implement parallax effect in materialize framework http://materializecss.com/parallax.html in my project. I have been able to initialize and implement it. How can I customize the speed of background image and content over it. Here's…
Himanshu Mittal
  • 794
  • 6
  • 19
4
votes
2 answers

Parallax only works on page refresh, not on redirect

I am using the Materialize css parallax. It works fine on the first page load up, but when it is redirected to any other page in the site, none of the parallaxes render the pictures. When the page is reloaded however, it once again shows the…
Carla Rivers
  • 63
  • 1
  • 7
4
votes
3 answers

Using an LSR image on a UIButton

I am creating a tvOS app and I want to use parallax images on a couple of buttons. From the docs: To incorporate parallax images in your app: Create a UIImage object. You load the image differently depending on whether the image is included in…
Liftoff
  • 24,717
  • 13
  • 66
  • 119
4
votes
1 answer

Collapsing toolbar layout for ios

I have a new design for my app and it include a parallax scroll for a image display on top of tableView. I know how to add a parallax effect with putting a image in to a cell, like this - when table scrollViewDidScroll get called : -…
NuN
  • 408
  • 4
  • 13
4
votes
0 answers

Parallax header for tableview and uiview below the header

So i want to create a tableview which will be having a parallax header with an imageview inside the header and a uiview below the parallax header which will be fixed above the tableview, as if there is a uiview above the…
Saheb Roy
  • 5,899
  • 3
  • 23
  • 35
4
votes
0 answers

Is there fully responsive iframe code that will successfully embed a parallax site?

Prior Research: I've researched this issue extensively on the web but found no directly pertinent results. I searched this forum on the terms "iframe responsive parallax." There were a number of results, all of which I've read, but none addressed…
alxfyv
  • 389
  • 1
  • 6
  • 18