
Sukru
Members-
Posts
126 -
Joined
-
Last visited
Sukru's Achievements
-
-
Rare
-
Rare
-
-
Rare
Recent Badges
6
Reputation
-
@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...
-
Sukru started following Open modal with Horizontal Scroll , Border solid problem , Gsap Scrolltrigger Counter and 3 others
-
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
-
@akapowl thank you veryc much. worked great for me so would "1.000,000" be a combination of dots and commas?
-
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?
-
@akapowl thank you very much
- 8 replies
-
- gsap
- scrolltrigger
-
(and 1 more)
Tagged with:
-
@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
- 8 replies
-
- gsap
- scrolltrigger
-
(and 1 more)
Tagged with:
-
@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 replies
-
- gsap
- scrolltrigger
-
(and 1 more)
Tagged with:
-
@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?
- 8 replies
-
- gsap
- scrolltrigger
-
(and 1 more)
Tagged with:
-
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?
- 8 replies
-
- gsap
- scrolltrigger
-
(and 1 more)
Tagged with:
-
@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 }); });
- 8 replies
-
- gsap
- scrolltoplugin
-
(and 2 more)
Tagged with:
-
@Cassie i tried it in my own local project but it didn't work so I asked for help on my own example
- 8 replies
-
- gsap
- scrolltoplugin
-
(and 2 more)
Tagged with:
-
@Rodrigo Thank you very much. Can you help with my codepen example?
- 8 replies
-
- gsap
- scrolltoplugin
-
(and 2 more)
Tagged with:
-
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?
- 8 replies
-
- gsap
- scrolltoplugin
-
(and 2 more)
Tagged with:
-
@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?
- 6 replies
-
- scroll
- scrollsmoother
-
(and 1 more)
Tagged with:
-
@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.
- 6 replies
-
- scroll
- scrollsmoother
-
(and 1 more)
Tagged with: