Troubles with design parallax effect...

Oct 27th, 2021 at 06:33 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,542 posts
Online Now

here is the link to the demo-video



https://youtu.be/4qxx8-NbpEw
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Oct 27th, 2021 at 08:14 AM
User 2659348 Photo

Chris S Peterson
Registered User
119 posts

Wayan,
That looks great! Is that something you could send me? As a component or something? And I'll mess with it and see how it turns out on mobile. As always, thanks for taking the time to make me a video and help me out!
Knowing is half the battle
Oct 27th, 2021 at 09:30 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,542 posts
Online Now

Chris S Peterson wrote:
Wayan,
That looks great! Is that something you could send me? As a component or something? And I'll mess with it and see how it turns out on mobile. As always, thanks for taking the time to make me a video and help me out!


There is no messing with it really for mobiles, I have tried most of the day and some work others don't, no getting away from that at the moment.

I will clean it up and just have the plain containers with the codes.
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Oct 27th, 2021 at 12:07 PM
User 122279 Photo

Inger
Senior Advisor
14,721 posts
Online Now

I don't know how your parallax was built, Wayan, but if you have images with fixed positioning in there, my guess is, that it won't work on phones, at least not on iPhone 6.

It was this problem, asked by someone in the forum earlier this year, that caused me to create the CSS Parallax, because it does not use any fixed positioning.

I have now added to the description of this component, that if the page height goes beyond 100%, it will get a second vertical scrollbar.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com
Oct 27th, 2021 at 12:46 PM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,542 posts
Online Now

Inger wrote:
I don't know how your parallax was built, Wayan, but if you have images with fixed positioning in there, my guess is, that it won't work on phones, at least not on iPhone 6.

It was this problem, asked by someone in the forum earlier this year, that caused me to create the CSS Parallax, because it does not use any fixed positioning.

I have now added to the description of this component, that if the page height goes beyond 100%, it will get a second vertical scrollbar.

Nope doesn't use fixed images, I know about that problem thanks
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Oct 27th, 2021 at 04:24 PM
User 2659348 Photo

Chris S Peterson
Registered User
119 posts

Thanks to both of you for all the guidance and time you put in trying to help me with this!

Inger wrote:
I have now added to the description of this component, that if the page height goes beyond 100%, it will get a second vertical scrollbar.

Thanks Inger for this note. That tells me what I needed to know and helps me out!

I'll mess with the CSS Parallax a little more and go from there. It's not really too big a deal; just trying to keep my site from being too boring. But I DO need it to function properly so that's paramount!
Knowing is half the battle
Oct 28th, 2021 at 12:19 AM
User 2699991 Photo

Its A Kind Of Bali Magic
Registered User
5,542 posts
Online Now

Inger wrote:
I don't know how your parallax was built, Wayan, but if you have images with fixed positioning in there, my guess is, that it won't work on phones, at least not on iPhone 6.

It was this problem, asked by someone in the forum earlier this year, that caused me to create the CSS Parallax, because it does not use any fixed positioning.

I have now added to the description of this component, that if the page height goes beyond 100%, it will get a second vertical scrollbar.


There is a CSS fix for that
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Oct 28th, 2021 at 02:59 AM
User 122279 Photo

Inger
Senior Advisor
14,721 posts
Online Now

Wayan Jaya wrote:


There is a CSS fix for that


And... What is that CSS fix?
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.