Sure,
The site in question is at: http://be.0wned.co.uk
I have currently got active on there two examples of the situations I'm running
into but let me run down the scene.
What we are trying to achieve is that the field, city, rocks and sign (divs
have ID's reflecting those names) are different layers and will animate into
the page from the bottom at queued intervals.
The rock and sign are in position as pointers.
With the field I am giving you the example where I use:
$("#field").animate({
top:"-=2%"
}, 1500);
The above results in an animation setting the result to: "top:0px".
With the city... the position where it fits correctly is "top:-69%" however as
explained previously, the animate function ignores percentage values and does
them as px. So for the sake of an example I use:
$("#city").animate({
top:'-565%'
},1600);
This moves the position into the correct position, but proves the case that it
uses px instead of % which is no good to me as on browser resize it loses its
relative position.
I hope this helps, please let me know if I can assist any more.
Adam Jessop.
-----Original Message-----
From: jquery-en@googlegroups.com [mailto:jquery...@googlegroups.com] On Behalf
Of John Resig
Sent: 05 March 2009 12:34
To: jquery-en@googlegroups.com
Subject: [jQuery] Re: Animate using relative %
Not sure - do you have a sample that we can look at?
--John
On Thu, Mar 5, 2009 at 6:16 AM, Adam Jessop <a...@infused-gaming.net> wrote:
> Hi,
>
>
>
> I am working on a site where are wanting to create a full screen site
> using percentages for positioning and displaying of content. As part
> of the project we also want to have some animation to bring objects onto the
> page.
>
> We have the objects in their correct positions using relative
> positioning and negative top values for example:
>
>
>
> #myDiv{ top: -26%;}
>
>
>
> This is where we wish the animation to end with the block in position
> so therefore its starting value in the CSS could be: “top: 0%”.
>
>
>
> Now I made the assumption that my js to achieve this would be:
>
>
>
> $(‘#myDiv’).animate({top : “-26%”});
>
>
>
> After testing this, it became clear that the animate function was
> ignoring the ‘%’ sign and was just applying ‘-26px’ instead.
>
>
>
> After positing this directly to John Resig via twitter I got a
> response asking me to try:
>
>
>
> $(‘#myDiv’).animate({top : “-=26%”});
>
>
>
> However the object always animates to: “top: 0px” regardless of its
> starting position, percentage value and the +=, -= notation.
>
>
>
> Is this a bug or am I missing something here? – Using JQuery 1.3.2
>
>
>
> Adam Jessop.
