PDA

View Full Version : Scrolling a absolute positioned DIV menu to top of screen



G-Oker
05-24-2010, 06:45 AM
Hi, I have a pretty standard Menu loctaed in a DIV :-



<div id="headerHome" style="position:absolute;z-index:1">
<img src="image1.gif" alt="image1" width="337" height="51" title="image" />

<div class="menu">
<ul>
<li><a href="menu1.html" class="tipHome" title="::<img src='menu.gif'><br /><strong>Menu1">menu1</a></li>
<li><a href="menu1.html" class="tipHome" title="::<img src='menu.gif'><br /><strong>Menu1">menu1</a></li>
<li><a href="menu1.html" class="tipHome" title="::<img src='menu.gif'><br /><strong>Menu1">menu1</a></li>
<li><a href="menu1.html" class="tipHome" title="::<img src='menu.gif'><br /><strong>Menu1">menu1</a></li>
<li><a href="menu1.html" class="tipHome" title="::<img src='menu.gif'><br /><strong>Menu1">menu1</a></li>
<li><a href="menu1.html" class="tipHome" title="::<img src='menu.gif'><br /><strong>Menu1">menu1</a></li>
</ul>
</div>
</div>


This sits about a quarter of the way up from the bottom of the screen.
What I'm tring to get it to do is, when one of the menu items is clicked, the whole menu moves to the top of the screen ( or a transission effect to the next page at looks like that is happening ).
Each link goes to another page ( as normal ).

I'm not having a lot of luck.

Any Ideas please ?

Thanks