menu scroll

[Liiuk]

Salve a tutti... ho un menu del tipo qui di seguito...come posso fare in modo che il menu segua la pagina? cioe scorrendo col mouse fino a fondo pagina il menu fa lo stesso....grazie in anticipo..

<ul class="ca-menu">[*]
                        <a href="#">
                            <span class="ca-icon">[img].gif[/img]</span>
                            <div class="ca-content">
                                <h3 class="ca-main"></h3>
                                <h3 class="ca-sub"> </h3>
                            </div>
                        </a>
                    
					
[*]
                        <a href="#">
                            <span class="ca-icon"><img src=.gif" width="250px" height="150px"/></span>
                            <div class="ca-content">
                                <h3 class="ca-main"></h3>
                                <h3 class="ca-sub"> </h3>
                            </div>
                        </a>
                    [*]
                        <a href="#">
                            <span class="ca-icon">[img]ax.gif[/img]</span>
                            <div class="ca-content">
                                <h3 class="ca-main"></h3>
                                <h3 class="ca-sub"></h3>
                            </div>
                        </a>
                    [*]
                        <a href="#">
                            <span class="ca-icon">S</span>
                            <div class="ca-content">
                                <h3 class="ca-main">Various</h3>
                                <h3 class="ca-sub">Professionals </h3>
                            </div>
                        </a>
                    [*]
                        <a href="#">
                            <span class="ca-icon">d</span>
                            <div class="ca-content">
                                <h3 class="ca-main">Indefinito</h3>
                                <h3 class="ca-sub">24/7 for you needs</h3>
                            </div>
                        </a>
                    [/list]

[cavicchiandrea]

Cerca su google "div scrolling o div scroll" dovresti trovare

[lucavizzi]

Hai due possibilità: impostare una position:fixed, basterebbe il solo CSS, oppure applicare una position:absolute e poi agire sul top, tramite l'animate di jQuery.
Esempio:

<style type="text/css">
.ca-menu{
   width:800px;
   position:absolute;
   left:50%;
   margin-left:-400px;/*centra nella pagina*/
   top:25px;
}
</style>
<script type="text/javascript">
$(function(){
   $(window).scroll(function(){
      var scrollAmount=$(window).scrollTop()+25;// 25 è il top iniziale
      $('.ca-menu').stop().animate({top:scrollAmount})
   });
});
</script>