Jump to content


  • Posts

  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

ZenithLai's Achievements

  1. Hello, How can I make the animation is when scroll until the certain section, then only the bar slowly rise up with the counting number. Thank you
  2. any code is when I click navigation bar > click section 2 then force land on section 2?
  3. 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
  4. Why u delete all JS script? then how about in desktop view?
  5. 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.
  6. 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.
  7. 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
  8. It is work! Very helpful. Thanks a lot.
  9. 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
  10. 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
  11. Hi, Can u please share me some example, so I can refer. Thanks
  12. 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 }
  13. 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!
  14. 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!