Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Start at the center #70

Open
ghost opened this issue Jul 5, 2013 · 11 comments
Open

Start at the center #70

ghost opened this issue Jul 5, 2013 · 11 comments

Comments

@ghost
Copy link

ghost commented Jul 5, 2013

Hello,
I have not found how to make the starting possition layers is centered and I can move a fair front / rear.
The xorigin options and yorigin does not seem to have any effect.
Thank you for your help.

@zsitro
Copy link

zsitro commented Jan 26, 2014

+1

@chavocuervo
Copy link

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.

@nicothin
Copy link

+1

2 similar comments
@alessandroalessio
Copy link

+1

@sulram
Copy link

sulram commented Dec 4, 2014

+1

@Grawl
Copy link

Grawl commented Dec 25, 2014

Solved. Look at #69

@scorp559
Copy link

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

@Grawl
Copy link

Grawl commented Dec 26, 2014

@scorp559 WUT

@scorp559
Copy link

.parallax-viewport { height: 80%; margin: 30px 160px 0px 630px; position: absolute; text-align: center; /* width: 690px;*/ width:1000px;}

@Grawl
Copy link

Grawl commented Feb 12, 2015

I dunno what you are trying to achieve. It's your CSS problem I think.

@patricknelson
Copy link

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)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

8 participants