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

How do I do this kind of fixed picture scrolling?

http://www.polygon.com/2013-game-of-the-year How do I do this kind of fixed picture scrolling? I don't know what to search for. Can any of you recommend a good tutorial?
Jesse Leite
  • 6,581
  • 3
  • 18
  • 17
0
votes
3 answers

This JQuery snip doesn't work in Firefox

I don't know why but the code belows doesn't work in Firefox. It goes perfect in Chrome. // Buttons marker $( "#second button" ).click(function() { $( this ).toggleClass('selected'); $( this ).toggleClass('unselected'); $( this…
sospedra
  • 14,238
  • 3
  • 21
  • 32
0
votes
1 answer

Parallax Scrolling effect

I trying to create a basic parallax scrolling example with text and color; no images. However the effect doesn't seem to work. Here is the code: Parallax Scrolling
android211
  • 3
  • 1
  • 2
0
votes
1 answer

jQuery resize window function

Im using parallax effect on my website and it kind of breaks when I change the window size to minimum and then back so I'm trying to check the width of the window with jquery, so when the width is less than lets say 800px (tablets and mobile…
Richard Mišenčík
  • 324
  • 1
  • 8
  • 19
0
votes
1 answer

Javascript conflict superslides.js and parallax.js

I'm using two scripts on my site: superslides.js and jquery.parallax-1.1.3.js Superslides for a full width slider (banner) and parallax for scrolling elements (css background-images) with different speeds. Problem: superslides works automatic, so…
David Hakkert
  • 669
  • 3
  • 10
  • 25
0
votes
1 answer

Navigation bar not working

I am doing a scrolling horizontal website similar to http://www.apple.com/mac-pro/ (they seemed to have changed it) but mine is horizontal. However, I am experiencing a problem where the 6 white navigation bars do not light up and correspond to the…
suckms
  • 9
  • 4
0
votes
1 answer

Parallax next and previous navigation

At the moment for my parallax site i have next and previous buttons on each section. I would like to just have one set of prev/next navigation that will go to each section. Can you advise me on whitch route to go down please? html: …
user2682105
  • 1
  • 2
0
votes
1 answer

Can't diagnose: Background position different on page open

I am using parallax.js on my web page. http://www.edizarca.com/karpaz/ (page has been now updated, parallax is remove until a feaseable solution found) But open the page and keep refreshing. Sometimes the background image starts eerie(off position).…
Ediz Arca
  • 50
  • 1
  • 5
0
votes
1 answer

parallax.js automatically slide onload

I am using this jQuery plugin on a website: http://stolksdorf.github.com/Parallaxjs/ I am trying to achieve an effect where when a slide is navigated to, it automatically moves onto another slide once it has loaded - think of it as a transition…
0li4tw
  • 15
  • 4
0
votes
2 answers

How to combine impress.js and parallax.js?

I would like to use the presentation script impress.js (http://bartaz.github.com/impress.js/#/its) to create a website. Now I would like to also use parallax.js (http://stephband.info/jparallax/) to create a parallax effect using all the images in…
Chris
  • 6,093
  • 11
  • 42
  • 55
0
votes
2 answers

How to scroll in a webpage with "easeOutExpo" animation

I am trying to add easeOutExpo effect while scrolling in a webpage I originally found this in a website http://www.loisjeans.com/web2012/js/parallax.js I tried a lot to bring the effect ,but in vain. Is there any simple way to implement animation…
Rahul Shah
  • 1,387
  • 4
  • 22
  • 41
0
votes
1 answer

everything left-aligned and small margins using parallax.js

I'm using parallax.js for a website, and I've run into a bit of a problem. It seems that everytime I want to scroll a div in from the right, everything in the div that I'm scrolling in, is aligned quite sharply to the left, and the content of the…
docaholic
  • 613
  • 9
  • 29
0
votes
1 answer

Problems with z-index on child element

I'm experimenting with jquery.scrolling-parallax.js for parallax backgrounds. The background elements has z-index 333. On all elements on the site i can make the backround be behind or in front of the elements by using z-indexes below or over…
jonas
  • 620
  • 1
  • 6
  • 14
-1
votes
1 answer

How to make one fixed background with parallax scrolling

Is it possible to have one fixed video gif page and then when I'm scrolling things just add up on that fixed video gif page.So it will be only one page but things will be adding up when user is scrolling.
lemilevoj
  • 31
  • 6
-1
votes
2 answers

How make parallax scrolling window responsive with mobile

In css .parallax-window { min-height: 800px; background: transparent; i use parallax.js i need to compatible scroll image with mobile please anyone help..
osama ham
  • 11
  • 3
1 2 3
…
8
9