Hi!
I still unable to fix it.
What I expect is when mobile view, the two section( section 2 & 3 ) is separate.
Here is what i expect in mobile view
In mobile view I have to separate is because I concern that my content fit into mobile screen view, so that I let user to continue scroll down.
( *Sorry, my english not very good, hope u understand)
Thanks.
Hi,
Here is my latest code update:
https://codepen.io/zenithlai/pen/VwPGPYv
What's is the reason that I want to break all scrolltrigger, is because when mobile view user unable view all content in the screen, so i propose to break all the scrolltrigger to become default scrolling.
I have try your way, but still fail to do, did I do anything wrong? Please advise. Thanks.
Hi,
I'm newbie for GSAP.
When mobile size I'm trying to remove all ScrollTrigger. I already read all about .kill() document but I have no idea how to start.
Here is what I write in my website.
ScrollTrigger.matchMedia({
// mobile
"(max-width: 768px)": function() {
tl.scrollTrigger.kill();
pinner.scrollTrigger.kill();
},
});
Do you guys have any idea on how i should write on the code part ?
Appreciate if you can advice. Thanks
Hi,
I'm trying to add button on each section. I realise that the "Section 1" button unable to click, "Section 2" able to click.
Do you guys have any idea on how i should write on the code part ?
Appreciate if you can advice
I have follow your suggestion.
https://codepen.io/zenithlai/pen/GRrMoxB
But now I facing responsive issue, when I resize the image cant't fit in the white background section.
Have any idea on how i should write on responsive ?
Appreciate if you can advice.
*Sorry, I'm newbie for greensock, not familiar with this.
Thanks
This is what I want!
But is they anyway to let the content auto calculate the content height? instead of set the height?
.philosophie,
.philosophie .wrapper {
height: 50vh;
width: 100%;
}
.philosophie .point {
height: 50vh;
width: 100%;
display: flex;
align-items: center;
padding: 4rem;
outline: 1px solid red
}
Hi,
This is what my side view.
Because my website only little content for that section, thus can I reduce the spacing between top and bottom? And the following section appear right after the scrolling part end.
Thanks!
It is works! Thank you.
I have one more question.
There is only little content for the section, thus I would like the content and image to appear once i scroll down from previous section instead of middle of the screen. And the following section appear right after the scrolling part end.
https://codepen.io/zenithlai/pen/GRrMoxB
Thanks!