Object move question

Question

Hi.
I think the whole day on this thing: In this example http://www.stanko-b.com/heelbopps/ (project https://www.dropbox.com/s/dr41wme9uqnm0a9/heelbopps4.zip) when you press the "down" button, the screen scrolls down to a particular object.
Сode assigned to the button "down" is:
var element = sym.$("object1");
$('html,body').animate({scrollTop: element.offset().top}, "slow");
My question. How to make itself the "down" button to move to the  "object1"?
In other words, what would I need one object, wherever it was (on click), moved to other objects on the Y axis?
Thank you.

Answer 1

In your Stage > compositionReady event handler, add the following code block just before your yepnope.
If I assume correctly, you will only need one of the arrowDown elements to move when the page scrolls or when the arrow is clicked. In this case I used your 'arrowDown_Products' element; then remove the remaining three since they will no longer be needed.
/////------- Copy Start ---------- //////
$(window).scroll(function(){
       var element = sym.$("arrowDown_products");
             element
            .stop()
            .animate({"marginTop": ($(window).scrollTop() -45) + "px"}, 100 );
/////--------- End Copy --------- ///////
Hope this helps. - I havn't tackled the click event but its going to require some conditional logic to function 100%.
Darrell