Stack Overflow
Stack Overflow

Questions tagged [parallax.js]

Simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.

Parallax.js

Simple, lightweight Parallax Engine that reacts to the orientation of a smart device. Where no gyroscope or motion detection hardware is available, the position of the cursor is used instead.

Check out this demo to see it in action!

Homepage: https://github.com/wagerfield/parallax

124 questions
0
votes
4 answers

Image with parallax effect on full screen page without scrollbars

My landing page needs to be 100vh / 100vw with no scrolling. The background is an image with a parallax effect so when the mouse moves the image moves. I'm struggling to work out how to make it work. For the parallax image, I currently…
James Bimson
  • 13
  • 1
  • 3
0
votes
2 answers

jquery parallax.js not work

I've been trying more than 10 times to use parallax.js jquery plugin. But it doesn't work. I don't understand what's going on with me. plugin Site: http://matthew.wagerfield.com/parallax/ my demo work site: http://contact.themeshef.com/ Can anybody…
Towhidul Islam
  • 27
  • 2
  • 5
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
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
1 answer

Parallax scroll issue with absolute positioned elements

I am trying to create a website that looks like this And the idea is to make a parallax scrolling the content over the background image. Im not sure what would be the best approach to have the image cut like that, but I used a position absolute on…
Emad
  • 346
  • 1
  • 6
  • 17
0
votes
2 answers

Can't understand function Javascript

Hello everyone I am frontend beginner, so for me parallax scrolling is very interesting area, and now I start learning it. I am watching tutorials and read a lot of stuff for it, but still I am filing as a beginner. And now I have this: if…
Milan Poznan
  • 307
  • 4
  • 18
0
votes
1 answer

Unable to Solve this Weird Hover Error in Safari only

Please look at this site in a Safari Browser(Possibly Mac OS) http://www.sportaboutgraphics.com I do not know if the issue is present on Windows Safari. When you hover on the Menu items on the right. Something really weird happens. The issue can not…
Rohitink
  • 1,154
  • 3
  • 14
  • 21
0
votes
2 answers

Parallax JS not working smoothly with the content in Firefox, IE and Safari

I am using parallax js (http://pixelcog.github.io/parallax.js/) in my new web site. In five places I am using this and without any content only with the parallax images it is working really fine in all the browsers. But with the content, parallax is…
WP Learner
  • 788
  • 1
  • 13
  • 34
0
votes
1 answer

jQuery Parallax.js not working

im trying to work with parallax.js but its not working regularly. My parallax div is not moving when im scrolling. I cant find the where the problem is. Here's the link im trying to work with. parallax.html
Onur Şevik
  • 15
  • 7
0
votes
1 answer

How to change parallax image position from its default top

Actually i am using parallax.js for scrolling effect. but that parallax image was hidden into the top portion of the header there by i can see only the bottom side. i want to view the parallaxed image top portion or the full image. i used data…
Saran
  • 388
  • 1
  • 4
  • 16
0
votes
1 answer

parallax.js only using X axis

I've been using a great little plugin called parallax.js on a few sites, however the most recent site I've added it to it is not behaving correctly at all. You can see it here functioning as intended. but on this site it is not loading all the…
bboybeatle
  • 549
  • 1
  • 8
  • 28
0
votes
0 answers

Fancybox with Parallax.js not working correctly

fiddle:https://jsfiddle.net/jzhang172/bft7fb6t/ THe parallax image doesn't show up on fancybox launch. When you resize the output window, the image will appear but it's not in the parallax fashion. What am I doing…
Snorlax
  • 4,425
  • 8
  • 37
  • 68
0
votes
2 answers

Parallax effect in angular js not working

I am trying to add the parallax effect to my html page from this link I was able to achieve it without using angular js. But if I use angularjs library image is not showing up. Even I was not able to see any image. my sample code is like below …
Kartheek Sarabu
  • 3,886
  • 8
  • 33
  • 66
0
votes
1 answer

Library parallax.js

Hello I'm using the following library: http://pixelcog.github.io/parallax.js/ and I have a problem. I am attached as my image and how I want it to look me Image with problems My code is: Html:
Andres Gallardo
  • 35
  • 3
0
votes
4 answers

Parallax js not working... image not showing

Using the suggested markup, css is correct, but absolutely no image is showing. When I use regular img tag (i.e.: ) image shows perfectly... please help, im totally stumped and this thing is supposed to be so easy. Here's my code:
pjldesign
  • 387
  • 1
  • 3
  • 17
1 2 3
…
8 9