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
30
votes
5 answers

jquery vertical mousewheel smooth scrolling

I'm making a parallax website and I would like to make the page scroll smoother with the mousewheel for a better user experience. The best example I could get was this website: http://www.milwaukeepolicenews.com/#menu=home-page It would be great if…
gigi melcul
  • 301
  • 1
  • 3
  • 5
8
votes
1 answer

How to fix parallax window scroll overflow?

i am using parallax.js v1.3 on the picture in the head of my page. Please help me find out why when i scroll down the picture overflows. When i load the page the picture is slightly distorted as if it was enlarged too much. When i scroll down the…
Gunnit
  • 1,064
  • 5
  • 22
  • 45
8
votes
1 answer

Terrible lag in Chrome when using parallax effect

first of all, here's a link to my website, having the issue I'm about to describe: http://themes.roussounelosweb.gr/cassiopeia/ In Firefox, IE 9, Opera, Safari, iOS the website looks perfect, and runs smoothly. The problem lies with Chrome and…
Νίκος Ρουσσουνέλος
  • 89
  • 1
  • 2
  • 9
6
votes
2 answers

What is the meaning of document.querySelector.bind(document);

I was checking this code from html5rocks: http://www.html5rocks.com/static/demos/parallax/demo-1a/scripts/parallax.js And notice that they use (function(win, d) { var $ = d.querySelector.bind(d); .... var mainBG = $('section#content'); …
Fabrizio Giordano
  • 2,941
  • 4
  • 20
  • 16
4
votes
4 answers

HTML/CSS - Fixed Backgrounds while scroll

Any idea or explanation how they did the backgrounds of this site? http://upcircuit.org/ Basically, a fixed background is the trick here. But there are multiple backgrounds and I am trying to solve the tricks of this site :)) I tried scanning the…
Gibs
  • 109
  • 1
  • 4
  • 12
3
votes
1 answer

How to Scroll layers with multiple rate on website

I found this website with an effect that I would like to replicate. To see what I am talking about go here: http://www.rowtothepole.com/ When scrolling through the webpage you can see that the iceberg layer scrolls at a different rate as the text…
basikthings
  • 31
  • 2
3
votes
1 answer

parallax.js parallax-slider parallax content and image

http://pixelcog.github.io/parallax.js/ Hello world! I have a problem with the plugin above. I have managed to make several parallax backgrounds and can fill them with content no problem however in the documentation it mentions being able to use the…
Indiana Porter
  • 93
  • 11
2
votes
0 answers

React doesn't recognize Parallax.js

I am trying to install https://github.com/wagerfield/parallax/, I already read the documentation, and I got a sample of how to use it in javascript, I am going to use it in React, so, with that sample and the documentation for react I think my code…
Jesús
  • 448
  • 1
  • 3
  • 14
2
votes
1 answer

Can jekyll support parallax effect?

I created a blank jekyll blog and I included parallax.js with CDNlink and the link is : (script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/parallax/3.1.0/parallax.min.js">) but when I ran it in localhost the moving effect…
Lazos Pap
  • 73
  • 10
2
votes
0 answers

How to add the full page parallax scroll on a one-page website

I would like to add the full page parallax scroll effect on a one-page website, but I have no idea how to add this effect. I have tried to set up the section height: 100vh, but the result goes out that the last section covers the above sections. Do…
Hei.l
  • 25
  • 4
2
votes
1 answer

Using Parallax.js in Angular throws error "Cannot read property 'getAttribute' of null"

I am using parallax.js (https://github.com/wagerfield/parallax) for an mouseover parallax effect. I added the script to my angular app via cdn and script tag. In the console it shows this error: Uncaught TypeError: Cannot read property…
Ma G.
  • 62
  • 1
  • 8
2
votes
1 answer

jQuery Parallax not scrolling after click event changes height of other element

I am using Parallax.js in my wordpress site. On one of my pages, I have a click event and when its executed it adds a class to an element (not the parallax element) which adds height to the non-parallax element. anyways when its executed my parallax…
user979331
  • 11,039
  • 73
  • 223
  • 418
2
votes
0 answers

Parallax js with bootstrap

I am trying to implement parallax effect in my code for that I am using parallax js. I want the images of my page to start moving with the data-scalar-x and data-scalar-y values as soon as I hover over them but they are not behaving that way. And I…
Aayushi
  • 1,736
  • 1
  • 26
  • 48
2
votes
1 answer

parallax plug in not showing image

Parallax plugin is not working in my html file. Please help me to fix the bug. I have created a HTML document where I have used parallax image effect in a div. https://github.com/munadilfahad/exam-19022017/blob/master/profile.html image file is…
Munadil Fahad
  • 33
  • 1
  • 9
2
votes
1 answer

Trouble setting up Parallax.js

I'd like to use Parallax.js for a project, but so far I've had trouble getting it to play nice with an existing site. Here's where I'm getting hung up: I want to apply the plugin to an element whose height scales to fit the content inside it, and…
Androbaut
  • 409
  • 5
  • 19
1
2 3
…
8 9