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 Parallax Effect not Working
I'm trying to have a simple parallax effect on a background image using Stellar.js...what am I doing wrong?
My HTML:
...
Content
Rhami
- 27
- 1
- 6
0
votes
1 answer
Passing a variable to init function (variable scope issue)
I'm using stellar.js for a parallax image effect. I'm trying to pass a variable to the stellar.js init function but it's not working. The plugin is initialized in my $(document).ready() function (NOT a requirement) where I also do a bit of math…
John
- 473
- 5
- 20
0
votes
1 answer
How to install jQuery.stellar in react app
Which npm module do I have to install to use the code below in my react app?
$(window).stellar()
Tried multiple solutions but still nothing works, and issue is quite simple
VanDavv
- 836
- 2
- 13
- 38
0
votes
1 answer
How to use jQuery.stellar in React
How do I have to configure my React project to be able to use the code below:
$(window).stellar()
I'm using Webpack and ProviderPlugin, and design is ready - only thing left is to install and attach Stellar library
VanDavv
- 836
- 2
- 13
- 38
0
votes
3 answers
background : url(); not working
Details : Using Atom File Editor with Mac OS X, Making a new site on localhost and after saving it I check changes on chrome browser. Right now i have come across a problem which causes the image to not show up on the website while i was trying to…
programmingandroid
- 340
- 1
- 5
- 14
0
votes
1 answer
Problems loading images on 3G connections
I've been asked to help diagnose issues with a website which uses stellar.js to create a parallax type effect that continues to work on mobile devices.
While connected to the office wifi the website loads all images and performs normally. On 4G the…
MikeK
- 373
- 1
- 2
- 16
0
votes
0 answers
Cannot get images to overlap
I'm building a photo gallery using Stellar.js, and it gets tricky to make images overlap (just a simple parallax effect, that said).
Here's the link:
http://foalenraged.com/david/indexi.php
Here's the way I would like it to…
Grigory Kornilov
- 366
- 2
- 4
- 17
0
votes
1 answer
Stellar.js background not moving on scroll
The issue is as follows: backgrounds do not float slowly on scroll, they just change each other smoothly, but there is no 'depth effect' as I've seen in several demos.
I would usually follow this example
http://www.youtube.com/watch?v=NUsEGbSbMZ4.…
Snowman
- 17
- 1
- 8
0
votes
0 answers
Wordpress : Uncaught TypeError: $.stellar is not a function
I'm using a stellar function for parallax effect. When i used it in html file it works great. But when I added my template to Wordpress I got this error:
Uncaught TypeError: $.stellar is not a function
What is wrong and how to resolve that? Below…
Mateusz Bajak
- 31
- 6
0
votes
1 answer
Can't Get Stellar.js to Work in JSFiddle
I'm trying to build a very simple parallax scrolling example in JSFiddle using Stellar.js.
Here's my Fiddle https://jsfiddle.net/ymrhu0mo/6/
What am I missing?
CSS
section {
float: left;
}
.main div {
height: 100px;
width: 100px;
}
.parallax div…
Brandon Buster
- 77
- 2
- 10
0
votes
2 answers
Disabling stellar.js on mobile
I have built a parallax scrolling site, however I'm having trouble disabling stellar.js for mobile devices. My HTML and CSS are okay but I'm very lacking in JavaScript and jQuery knowledge. I've tried adding the following to the start of my main.js…
rvenshield32
- 1
- 1
0
votes
2 answers
StellarJs parallax background image not working
I know there are other similar questions on this, believe me, I have been at this for almost two days now.
I am trying to use StellarJs to create a parallax background image in the header of my website. Unfortunately, it is having no effect…
samrap
- 5,595
- 5
- 31
- 56
0
votes
0 answers
Stellar in Wordpress
I'm having issues getting Stellar.js to work for me in Wordpress. I am trying to have certain elements of a page scroll faster or slower than the natural scroll speed of the page, to create a parallax effect.
Can someone help me fix what I'm doing…
mdf427
- 27
- 3
0
votes
2 answers
Disable Horizontal Scrolling Android
I have a weird issue with horizontal scrolling to the right
I already made html/body width max at 100% and overflow-x hidden
no elements outside viewport or negative margins to the right
this issue isn't present on desktop
meta…
user3715090
0
votes
1 answer
Absolute positioned elements not positioned correctly in FireFox when using Stellar.js
I've got a problem with the way Firefox is handling a site I have built. I think the problem is related to the way FF is measuring the height of elements and the way Stellar.js interacts with those heights.
So, when I visit it in IE, Chrome, or…
Loomis
- 127
- 1
- 8