Troubles with design parallax effect...

User 2699991 Photo


Registered User
5,057 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
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2659348 Photo


Registered User
113 posts
Online Now

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
User 2699991 Photo


Registered User
5,057 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
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 122279 Photo


Senior Advisor
14,535 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


User 2699991 Photo


Registered User
5,057 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
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2659348 Photo


Registered User
113 posts
Online Now

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
User 2699991 Photo


Registered User
5,057 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
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 122279 Photo


Senior Advisor
14,535 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.