neelu

Thank you to everyone for their help with this question. I managed to get it working in the end!

Unfortunately I am still having issues with animating from the bottom. I have included a link to codepen so that you can see my code. http://codepen.io/anon/pen/hvmfL (for some reason my code doesn't work on codepen not sure if I'm missing something, it works on my site). I tried your suggestion Rodrigo but its not creating the desired effect, because the element stays visible on screen whilst the user is scrolling through the site. I want the element to appear from the bottom as the user is scrolling down the page. I have managed to get the element to animate in from the bottom but it finishes at the top of the scene (i dont want it to do that) and I want it to finish in the middle, because once it's done that I will pin it for a couple of seconds before releasing the pin. Thanks again.

Thank you all so much for helping me with this query. I will bear in mind the advice you have all provided. @Rodrigo - Your codepen example shows exactly what I want to achieve and I am going to give it a try. Thank you so much! You all saved me I was giving up on this...

Hi, I am using the ScrollMagic Jquery plugin to create a parallax site. For one of my sections I would like to animate an element in from the bottom of the screen to finish in the middle. The element will come into view as the user is scrolling the page. I am struggling to animate anything in from the bottom of the screen. I have looked online for this answer for a while and after trying many different things I am still nowhere near a solution. Not only do I want the element to animate in from the bottom once its reached a certain place on the div it needs to lock in place whilst the user is still scrolling and then I will have it fade out and display another element. Thanks in advance for any help.