ZenithLai

It is work! 😀

any code is when I click navigation bar > click section 2 then force land on section 2?

Hi, When I view entire website. Then I click navigation page, and choose (section 2), then it will land on section 3, any solution to fix it? Thanks

Why u delete all JS script? then how about in desktop view?

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

It is work! Very helpful. Thanks a lot.

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

Hi, Can u please share me some example, so I can refer. 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!

Hi, Would like to seek for you guys advice. Currently im working on the animation development for one of my website section. However, I would like the image to come out in "fade in" & "fade out" mode instead of scrolling up and down. Do you guys have any idea on how i should write on the code part ? Appreciate if you can advice Thanks !