# Using jquery to set translate position to a starting point then animating it

**URL:** https://forum.kirupa.com/t/using-jquery-to-set-translate-position-to-a-starting-point-then-animating-it/331342
**Category:** web dev
**Created:** [July 10, 2013, 7:54pm UTC](https://forum.kirupa.com/t/using-jquery-to-set-translate-position-to-a-starting-point-then-animating-it/331342 "2013-07-10T19:54:02Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![geestring](https://avatars.discourse-cdn.com/v4/letter/g/e19b73/32.png) [@geestring](https://forum.kirupa.com/u/geestring)
#### Post date: [July 10, 2013, 7:54pm UTC](https://forum.kirupa.com/t/using-jquery-to-set-translate-position-to-a-starting-point-then-animating-it/331342/1 "2013-07-10T19:54:02Z")

</div>

I have this fancy menu function I’m attempting to make, but I’ve run into a problem that I can’t seem to find a solution to.

The menu items animate by using jquery .css() and adding a transition/translate styles. When items are off screen they are given a default 100% y value. The issue is that when I “scroll” up I want the item animating in to have a specific starting point. [http://jsfiddle.net/NQeUr/2/](http://jsfiddle.net/NQeUr/2/) illustrates what I’m essentially doing. Regardless of where the default offscreen position is, I will still need the starting point at 11%.

This website has an example of what I want to achieve but horizontally: [http://www.adamhartwig.co.uk/awards](http://www.adamhartwig.co.uk/awards)

If you take a look at the source, logos that have a default of 100% and have an end point of 13% or something, animate in from the left and not the right, which tells me he somehow changed the start point.