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

Parallax Background Image Slightly to the left

I am using stellar.js to create a parallax effect on my webpage. The problem is that the background image is slightly to the left. Here is the js code I'm using: function() { if ( !isMobile.any()) { $(window).stellar(); } }; For…
Mertz
  • 65
  • 1
  • 7
0
votes
0 answers

Parallax.js: Image not showing up

I'm using parallax.js to give a parallax effect to my images. I have one background image and one layer image. I tried to follow a tutorial on Youtube but the images don't seem to show up. I have gone through other similar questions and tried their…
Devika Sujith
  • 111
  • 13
0
votes
1 answer

Issue when resizing overlay on Parallax

I just bought this template. When resizing the window under 991px, the overlay does not fit the section because of padding 60px. Do you know what I can do to resolve this ?
user11791297
0
votes
1 answer

parallax-js : make the element moving by itself

Following the tutorial : https://github.com/wagerfield/parallax/issues/277 I try to make some Parallax, It works when my mouse move but I would like to make it move by itself like the clouds here : https://codepen.io/CSS_Masters/pen/dCEoK Here is my…
Dips
  • 109
  • 1
  • 10
0
votes
1 answer

How to add accelerometer parallax effect in Flutter?

I want to shift background image according to device orientation and angle. All Flutter parallax implementions which I found were using scrolling events to shift image. But how to do the same using acceleromenter/gyroscope data? Basically, I'm…
emvaized
  • 884
  • 12
  • 23
0
votes
0 answers

Parallax double background mouse move image effect

Thanks for read this post. I have a website with this section: With this code:Actual Code I need to give to the rocket image a little move when the user move the mouse, I have try to reach this goal with this changes: When i change this codes i…
aponte_alex
  • 33
  • 4
0
votes
1 answer

parallax.j and owl carousel 2 slider

I have owl carousel 2 slider and I'm using parallax.js to create parallax effect on div background. https://pixelcog.github.io/parallax.js/ My problem: slider dots does not switch the images - when I click to any dot, there is always the first…
Natalia
  • 1,009
  • 2
  • 11
  • 24
0
votes
1 answer

Can I use gsap, parallax.js in angular7

I'm new to angular Im planning to create a website with parallax.js and gsap tweenmax effects with angular7. I want to know where do I get some reference regarding with this
Shibin Mariyan Stanly
  • 330
  • 3
  • 13
0
votes
1 answer

Bootstrap collapsible not pushing down parallax

I got a website that was working earlier, and suddenly my bottom collapsible doesn't push the parallax down, it does push my
down and also the footer, but not the parallax window, I'd be happy if someone could help me with this. /*@media…
M0NST4H
  • 1
  • 1
0
votes
0 answers

How to position several elements in the center with parallax.js?

I am trying to recreate a painting of an artist using parallax with the elements that make up the collage, but I can not understand well how to position the elements or that it is centered to the center proportionally. I put a link to my codepen,…
Edgar Gutiérrez
  • 116
  • 3
0
votes
0 answers

how to create a parallax.js's effect with parcel-bundler?

parallax plug is here https://github.com/pixelcog/parallax.js I was already installed " npm install jquery ".
バイリメイ
  • 1
0
votes
1 answer

CSS Parallax effect height to 50%

I am currently using a parallax effect which takes the whole background of the front page. My problem is that I want to set the height to like 50%.. but thats not working. Code:
Rene Viermann
  • 1
  • 2
0
votes
1 answer

Building array for jsPDF not including null variables

I’m trying figure out something that has led me to the point of not even seeing the wood through the trees. I’m a noob when it comes to JavaScript and I would normally use a database to sort this but don’t have that option here. What I'm actually…
user8925005
0
votes
1 answer

overflow : hidden not working on Firefox

I am using the fullPage JS plugin along with the parallax JS plugin. There is an animation which features circles expanding and the parallax on it. I need to hide the circles and am using overflow:hidden to hide the expansion on other sections. The…
Rimil Dey
  • 827
  • 2
  • 13
  • 33
0
votes
1 answer

Background image zoomed in while using Parallax.js jQuery plugin

I added the parallax.js jQuery plugin and the effect works, but not properly. The background is zoomed in and the image is glitchy on scroll. I added additional variables listed in the documentation to fix those issues, and they work as expected.…
FlySpaceAge
  • 95
  • 11
1 2 3
…
8 9