Newbie_Jim

https://codepen.io/GreenSock/pen/LZOMKY I modified the scrollTo example code, but the result did not work as I expected. I added offsetY to scrollTo, the first click works perfectly when the scroll position is less than the element's scroll position. However, if I repeatedly click, the offsetY continues to apply, rather than staying fixed at the desired element and then applying the offset. When the scroll position is greater than the element's position, it cannot scroll to the desired position at all. I expected it to work like box2. Currently, for box2, I am using a fixed y value.

Thank you very much. This is exactly what I needed. Your help has solved my long-standing problem. Now I can achieve the effect I need. Now I just need to integrate it into the Vue framework. Thanks again. https://codepen.io/sw355498/pen/ExJGpQe

The menu seems to be functioning properly now, but how do I fix the ScrollTrigger for ctx? Using ctx.revert feels like removing ctx rather than pausing it, and I've tried using ctx.pause and ctx.play, but neither seems to be correct. Here is the minimal demo I've currently created on Codepen. https://codepen.io/sw355498/pen/qBwJXBN

I'm trying to use " ScrollTrigger.create ", but it seems to still interfere with other ScrollTrigger's. https://stackblitz.com/edit/nuxt-starter-cxx5or?file=components%2FmenuModal.vue

When the screen width is smaller than a certain width, the content of the menu cannot be scrolled to see all the content. When the markers are deleted, the scrollbar will disappear and not work. When I add content and use ScrollTrigger, it will conflict with the ScrollTrigger used by the menu. How can I separate the ScrollTrigger of the menu and the page content so that they can work separately? This is a minimal demo URL: https://stackblitz.com/edit/nuxt-starter-gnsxip?file=app.vue,components%2FmenuModal.vue,.gitignore This demo uses Nuxt 3.

I want to achieve this effect. https://45r.jp/ja/indigo-hakusho/#04-kageironando 螢幕錄影 2024-02-16 下午2.42.34 - Compressed with FlexClip.mp4

I am currently having some problems with my first time using GSAP. This is my current code. https://stackblitz.com/edit/nuxt-starter-bjtpnn?file=app.vue,package.json How can I make the box area have the effect of the program in the CodePen？