Comments (11)
@scorp559 WUT
from jparallax.
+1
from jparallax.
I'm having same issue. If I center the layers with negative margin-left and left:50% everything looks ok, but when I put the cursor inside viewport layers makes a fast move from center to left and center again. I mean, is like when I hover to viewport the parallas initializes from left and not from center.
from jparallax.
+1
from jparallax.
+1
from jparallax.
+1
from jparallax.
Solved. Look at #69
from jparallax.
i have problem ,,,
.parallax-viewport { height: 80%; margin: 30px 160px 0px 630px; position: absolute; text-align: center; /* width: 690px;*/ width:1000px;}
.parallax-layer { position:absolute; text-align:center;}
.parallax1 {width: 900px; height: 533px; display: block; margin-top: -610px; margin-left: -220px;}
.parallax3 {width: 930px; height: 533px; display: block; margin-top: -610px; margin-left: -230px;}
.parallax4 {width: 890px; height: 533px; display: block; margin-top: -610px; margin-left: -216px;}
.parallax5 {width: 910px; height: 533px; display: block; margin-top: -610px; margin-left: -230px;}
.parallax-layer.parallax1 > img { margin-left: -1100px; margin-top: -690px; width: 21%; }
.parallax-layer.parallax3 > img { margin-left: -750px; margin-top: -715px; width: 21%;}
.parallax-layer.parallax4 > img { margin-left: -456px; margin-top: -660px; width: 21%;}
.parallax-layer.parallax5 > img { margin-left: -154px; margin-top: -690px; width: 21%;}
can`t be center... plz help
from jparallax.
.parallax-viewport { height: 80%; margin: 30px 160px 0px 630px; position: absolute; text-align: center; /* width: 690px;*/ width:1000px;}
from jparallax.
I dunno what you are trying to achieve. It's your CSS problem I think.
from jparallax.
Well it's a combination of a few issues. Your CSS should have a graceful degradation to initialize at the proper position (if parallax itself never initializes), but also the parallax plugin needs to properly initialize it's own "idea" of where things are located as well (which it wasn't doing until my PR). Also, it doesn't register properly if your mouse is already over it. So, I think this may be an issue that is likely resolved by my PR here (i'm going through the old issues and seeing which may already be tackled by my PR's): #89
I explained a bit further on another issue here: #69 (comment)
from jparallax.
Related Issues (20)
- It don't starts untill i take my mouse out of the window and turn back HOT 18
- xorigin not working right HOT 1
- Png white border ?
- [enhancement] Add missing bower.json. HOT 1
- JQuery version?
- minified version does not work HOT 3
- Does Not Work With jQuery.nicescroll
- Various changes (notably translate() )
- demo images are broken HOT 1
- Chrome/Opera and retina display
- Where is the license file HOT 1
- Parallax kicks out some images after iniciation HOT 1
- parallax-layer: top is always 100% HOT 1
- jparallax can't handle window resizing HOT 1
- Problem when mouse enter the first time into the parallax or on first mouse move HOT 4
- Decay issue HOT 6
- Add touch event listeners.
- Help is needed! Ignoring the Y axis (yparallax) HOT 1
- Uncaught TypeError: d.event.handle is undefined with jQuery 3.7 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jparallax.