A jQuery plugin that provides parallax scrolling effects to any scrolling element.
A jQuery plugin that provides parallax scrolling effects to any scrolling element.
Questions tagged [stellar.js]
76 questions
0
votes
1 answer
Stellar.js giving uncaught type error
I'm trying to implement stellar.js into my site to add a parallax effect to a div with a background image. The div has a class "header-wrapper", I've followed everything to the letter as far as I can see, yet nothing is happening. Can anyone see any…
Sam Skirrow
- 3,647
- 15
- 54
- 101
0
votes
0 answers
Fixed content with viewport height
I'm creating a parallax site using stellar.js and am using viewport height to determine the height of elements. Each section is vertically stacked on the section before it, each with height: 50vh On the third container down I am trying to give the…
Nathan Lykke
- 71
- 1
- 11
0
votes
2 answers
Rails 4 breaks Stellar.js after link
My rails 4 app breaks stellar.js after link_to.
I know that is something related with turbolinks.
I installed jquery.turbolinks and my js functions from uikit are all working now.
But the stellar.js still don't..
It works when I type the address in…
Bruno Canongia
- 514
- 6
- 12
0
votes
1 answer
Stack of slides continuously growing
Let us say I want to design a website with four slides. I would like each slide to cover the previous one while the visitor is scrolling. Following is an attempt with stellar.js (a jquery plugin): http://jsfiddle.net/8mxugjqe/. You can see that…
bbc
- 240
- 2
- 8
0
votes
1 answer
Parallax effects with Stellar.js
I'm working on a website and I want to implement some slight parallax effects.
Here is my site so far:
http://claytonkinder.com/
I want the parallax to affect the gray field background image so that it scrolls at a different rate, but I can't…
ClaytonAlanKinder
- 313
- 1
- 3
- 15
0
votes
1 answer
Web page is not scrolling
I am building up a website, using stellar.js for parallax effects and niceScroll.js for smooth scrolling.
Now I am not sure what is causing the problem, but I can't scroll horizontally or vertically, for vertically scrolling I explicitly specified…
dw19
- 73
- 2
- 11
0
votes
1 answer
Stellar.js for parallax scrolling is deleyed
I am using the plugin stellar.js to create a parrallax effect... Esentially I want a simple background scroll slower than the rest of the site like www.OmarHabash.com.
I think everything is set up correctly this is the site that I am working on....…
Omar
- 2,726
- 2
- 32
- 65
0
votes
1 answer
Background-x position on stellar JS
I'm trying to get the background-x to have be at 50%, I've read the stellar documentation and seen the demo. Unfortunately it would change the x position to 50%. What am I missing?
This is my container for the image
flvll
- 87
- 1
- 6
0
votes
2 answers
Initial top position changes when scrolling stellar.js parallax element
I have three div elements to scroll with parallax effect relative to their parent div.
Igor Laszlo
- 714
- 9
- 31
0
votes
1 answer
Initializing a plugin AFTER a foreach loop
So I'm trying to implement stellar.js but it must be initialized after an each loop is finished. The loop must add data attributes to the images that are going to be made parallax by the plugin.
The images are in a list:
- …
Ziik
- 1,029
- 1
- 9
- 17
0
votes
2 answers
stellar js initialise with jquery only
stellar js requires following data attribute to element like:
However I cannot use inline html on this particular site so I'd need to use only jquery.
I tried to add data attribute with jquery but it does not…
niksos
- 433
- 1
- 7
- 19
0
votes
1 answer
How can I make responsive website containing stellar.js?
recently, my site is using stellar.js and I want to find a way to make the left side is scrolling up and the right side going opposite. However, the right element is display nicely in position:absolute. The red background locates on the right side…
user3050943
- 1
- 2
-1
votes
2 answers
show full image (height) with background-size: cover
I'm writing an html page with parallax using stellar.js.
In CSS I use:
html, body {height: 100%;}
#slide1 {
height: auto;
background-image:url('../images/1.jpg');
background-color:#fff;
background-repeat: no-repeat;
background-size:…
Giuseppedes
- 129
- 9
-1
votes
1 answer
Stellar.js not working as expected on iPad
I have a site which uses Stellar.js for it's parallax effect. It works as expected in the desktop versions, however on tablets (unsure if it's just iOS) the parallax effect doesn't work.
I have got no idea why... Below is the code I am using to…
Mike Resoli
- 1,005
- 3
- 14
- 37
-2
votes
3 answers
What does $(window).stellar do?
I currently have this code (it's not written by me):
$(window).stellar({
horizontalScrolling: false,
responsive: true
});
Now, I'm curious about what it actually does. I did comment it but I didn't see any changes, but before I ruin…
Joshua Bakker
- 2,288
- 3
- 30
- 63