Visualizzazione dei risultati da 1 a 3 su 3

Discussione: menu scroll

  1. #1
    Utente di HTML.it
    Registrato dal
    Jan 2012
    Messaggi
    68

    menu scroll

    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..
    codice:
    <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]

  2. #2
    Moderatore di Annunci siti web, Offro lavoro/collaborazione, Cerco lavoro L'avatar di cavicchiandrea
    Registrato dal
    Aug 2001
    Messaggi
    26,132
    Cerca su google "div scrolling o div scroll" dovresti trovare
    Cavicchi Andrea
    Problemi con javascript, jquery, ajax clicca qui

  3. #3
    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:
    codice:
    <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>

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.