mustafag

Thanks appriciate your help.

Thank you for your help. It is not duplicate the only common thing here is the codepen sample, i posted a seperate question there. Intension was not to confuse. Have notice one strange if i adding the zoom image thing at the end, it changes the start and end position for all h1 animations. This is the last thing i am stuck with please help me on this

Thank you for the sugession. I do want consulting but the charges are very high. I have very limited budget for this work. Not sure how i will be charged for some quick fixes i want to do.

Thanks for the quick reply Sorry for the confusion, scrolling is not a problem. Its about image zooming at the end of the first horizontal scroll in the H1-4 section. Its working well the only problem if the number of section increased in first horizontal scroll ref: https://codepen.io/gulam-mustafa/pen/jOBYdxw (sorry don't know how to embed codepen in reply) scroll duration of image keeps increasing and start and end behaves for the child (H1 in html) animations un expected as all is calculations gives different result. What i want to achieve is when the first horizontal scroll end the image inside last section will zoom and fadeout with in desired time and then vertical scroll will start, but here zoom time increase if number of section increase and other animations start end position calculation changes. Have tried another way by adding another timeline and scrollTrigger ref: https://codepen.io/gulam-mustafa/pen/BaWJMep but it didn't worked, don't know whats going wrong.

.

Hello, I am new to gsap, I have been trying to find solution for following situation but some how after all the tries i didn't manage to find the solution. As you can see the codepen demo i am trying to zoom the image in last section of H1-4. Its working well, the problem here is if we increase the number of horizontal section then the zoom duration keeps increasing and start and end for the child animation (Here h1 tag animated) is getting messed up. I tried creating another trigger for the image and tried to pin it but it adds extra spacing in the end of first horizontal scroll. I didn't managed to find any example with this situation.

Thank you for the support and suggestion. Will give a try. Is there any paid support for getting certain solutions?

Hi, I am new to GSAP and i have been trying to solve this from last 3 days but no luck. Apologies if the question is silly. In this project first few sections scroll horizontally and then few vertically and then again last few sections horizontally. What i want to achieve is, when scroll reaches end of last section first horizontal scroll, a image starts expanding and covering the whole screen (Managed to get the effect) and when it fade out after full expansion it should show first section of vertical section. So to make easy to understand by the time image on section H1-3 fade out, top of the section V1 should reach the top of the screen to make it feel like when image fades out i am into different section I.e. V1.

Thank you very much for this solution, this is all i need for now.

Hello Everyone, I am new to ScrollTrigger plugin, just need a quick help. As shown in the demo, my ScrollTrigger starts with first series of sections scrolling horizontally and when it ends another vertical scroll starts and once vertical scroll reaches its end then another (2nd) horizontal scroll starts. The problem here is when 2nd horizontal scroll starts it immediately scrolls to the end section. How do i make it scroll smoothly any with scrollbar progress I would also like to have little delay when we switch from horizontal to vertical Will really appreciate any help on this

Thank you very much. It fixed the issue

Hi, I really appreciate your quick reply. I have attached a sample with one movieClip and two buttons to show hide. two functions to show and hide going in the function getting the mivieclip but no tween. Please help

Hi, I have used tween max many times when i was having CS3 or CS4. Since i have installed CS5 tweenmax is not working no errors nothing. Following is my simple function i am trying to execute but nothing happens import com.greensock.*; function _showIt(obj){ if(!obj.alpha || !obj.visible) { //trace(obj.name); //obj.visible = true; obj.alpha = 1; TweenLite.to(obj, 1, {alpha:1}); } } Please help me, i have spent hours on forums but no solution found. if i uncomment the commented one my movieclip hides but when i use TweenLite.to nothing happens