Jump to content
GreenSock

Sukru

Members
  • Posts

    126
  • Joined

  • Last visited

Recent Profile Visitors

1,503 profile views

Sukru's Achievements

  1. Sukru

    Border solid problem

    @Rodrigo i understand that when it is 2px, there is no problem, but when it is 1px, there is a browser rendering problem. Thank you very much...
  2. Hello, vibrations occur in the borderline with the scrollsmoother plugin. To resolve this "will-change: transform;" I used it but the problem persists. Can you help me? #smooth-content { will-change: transform; } "* { will-change: transform; }" > As soon as I apply this the page is completely broken css Video https://streamable.com/1cc12y
  3. @akapowl thank you veryc much. worked great for me so would "1.000,000" be a combination of dots and commas?
  4. Hello, I have such a part in my project, when I put a period and a comma between numbers like "1,000,000" or "4,000", the counter doesn't work. Can you help me?
  5. Sukru

    Gsap Section Anchor

    @akapowl thank you very much
  6. Sukru

    Gsap Section Anchor

    @akapowl i got it, it's very true. I am sharing similar example to what I want. Actually, it is my intention to examine this example. https://codepen.io/GreenSock/pen/bGVjLwG I am using scrollsmoother and when I add it it loses its function inside the project. https://codepen.io/sukruemanet/pen/WNYGqam
  7. Sukru

    Gsap Section Anchor

    @akapowl Thank you for the example. However, my issue is that unless an item has only a "section id," the next item in the menu should not be assigned an active class. As a result of this problem, the active classes in the menu, in combination with the scroll, trigger changes in the active classes within the menu. In the example you provided, the menu item doesn't apply any additional class; it appears to be triggered without modification. If there were an instance similar to my specific case, I could handle it more quickly. Can you assist me with this?
  8. Sukru

    Gsap Section Anchor

    @akapowl hi thank you, I tried this, I continued by choosing the class with ".section" only, but the first "empty" button takes the active class, actually it should not. The complexity continues. I can't figure it out. Any chance you could help with my codepen example?
  9. Sukru

    Gsap Section Anchor

    Hello, in a project I am working on, I want to make the menu go to different places on the page, I created codes for this, but when I go to the point I want to go with "anchor", I also wanted to know where I was in the menu I fixed. However, I think it assumes the points that I didn't add #anchor and it seems as if the hug is surprised. When I click on an item, a very unrelated item "active" class is added. Can you help with the codepen link i created?
  10. Sukru

    Gsap Sticky Menu

    @Rodrigo i made the same example in codepen, but the active class did not work. can you help me? You can watch live on this page. https://karelsite.netlify.app/hizmetlerimizmax.html Gsap code https://karelsite.netlify.app/assets/js/gsap/sticky.js Codepen; https://codepen.io/sukruemanet/pen/VwVjEmv Thank you... My code; ScrollTrigger.create({ trigger: "#sticky-menu", pin: true, start: "top 130px", // end: "bottom bottom", endTrigger: "footer", id: 'sticky-menu', pinSpacing: false, // markers: true, // toggleClass: 'active', willChange: "transform", }); gsap.utils.toArray("#sticky-menu ul li").forEach(function(a) { a.addEventListener("click", function(e) { e.preventDefault(); const id = e.target.getAttribute("href"), trigger = ScrollTrigger.getById(id); gsap.to(window, { duration: 1, scrollTo: trigger ? trigger.end : id }); }); }); const scrollSections = gsap.utils.toArray("section"); const links = gsap.utils.toArray("li"); scrollSections.forEach((section, i) => { const link = links[i]; ScrollTrigger.create({ trigger: section, start: "top 130px", end: "bottom 130px", onEnter: () => link.classList.add("active"), onEnterBack: () => link.classList.add("active"), onLeave: () => link.classList.remove("active"), onLeaveBack: () => link.classList.remove("active"), markers: true }); });
  11. Sukru

    Gsap Sticky Menu

    @Cassie i tried it in my own local project but it didn't work so I asked for help on my own example
  12. Sukru

    Gsap Sticky Menu

    @Rodrigo Thank you very much. Can you help with my codepen example?
  13. Sukru

    Gsap Sticky Menu

    Hello, I have 3 or more content and at a certain point I can make a sticky menu, but how do I make these links slide to the linked id content and I need to add an active class to the active ul li a. And when it comes to sticky menu footer, I want to hide my sitcky menu, like fadeout, when I go up from the footer again, I want to bring the menu back. Can you assist?
  14. Sukru

    Gsap Simplebar Plugin

    @Cassie Thank you, Now the smooth scrolling feature is disabled, I wanted both. Are both soft scroll and scrollbar style both the same terms not working?
  15. Sukru

    Gsap Simplebar Plugin

    @Cassie I am using gsap version 3.11.4. In this version I use scrollsmoother and the html structure; <div id="smooth-wrapper"> <div id="smooth-content"> </div> </div> There is no scrollsmoother you shared. The gsap version I used was conflicting with the plugin you provided. I tried many times. Because both offer smooth scrolling feature. gsap version 3.11 offers a lot of usefulness, I didn't want to give up on it. So I just searched for the scrollbar style.
×