*
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.
