Navigazione

    Privacy - Termini e condizioni
    © 2020 Search On Media Group S.r.l.
    • Registrati
    • Accedi
    • CATEGORIES
    • Discussioni
    • Non letti
    • Recenti
    • Hashtags
    • Popolare
    • Utenti
    • Stream
    • Interest
    • Categories
    1. Home
    2. Categorie
    3. Coding e Sistemistica
    4. Coding
    5. Anchor link
    Questa discussione è stata cancellata. Solo gli utenti con diritti di gestione possono vederla.
    • A
      ayrton2001 Super User • ultima modifica di

      Ciao cla83,
      mi sembra più un problema legato all'HTML/CSS.
      Forse dipende dai float, non saprei.
      Ma c'è una cosa che non capisco
      .a0 di altezza 300px contiene .a1 di altezza 1000px: mi sembra logicamente scorretto.

      0 Miglior Risposta Ringrazia Cita Rispondi

        1 Risposta Ultima Risposta
      • C
        cla83 User Attivo • ultima modifica di

        Ciao Ayrton,
        grazie per la risposta.
        Si hai ragione, avevo fatto delle modifiche e ho sbagliato a postare il codice :arrabbiato:

        Il problema è l'altezza del div principale a0, eliminandola funziona, ma perdo la possibilità di limitare il contenuto nei soli 300 px di altezza.

        Questo problema non si verifica se tolgo il js e utilizzo le ancore di default.

        il codice è il seguente:

        
        
        <style type="text/css">
        .a1 {
        	width: 400px;
        	float: left;
        	height: 300px;
        }
        .a0 {
        	float: left;
        	width: 400px;
        	overflow: hidden;
        	height: 300px;  
        }
        </style>
        
        <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
        <script type="text/javascript">
        $(function() {
            $('a').click (function() {
               var target = $(this).attr('href');
               $('html, body').stop().animate({
                        scrollTop: $(target).offset().top - 10
               }, 1500);
               
               return false; 
            });
            
            $('#go-home').click();
        });
        </script>
        
        <div class="a0">
        <div class="a1">
        <a href="#pagina2">Contatti</a><br />
        pagina 1
        </div>
        
        <div class="a1">
        <a name="pagina2" id="pagina2"></a>
        pagina 2
        </div>
        </div>
        
        
        
        0 Miglior Risposta Ringrazia Cita Rispondi

          1 Risposta Ultima Risposta
        • A
          ayrton2001 Super User • ultima modifica di

          Hai provato ad aggiungere overflow: hidden; anche alla classe .a1 ?

          0 Miglior Risposta Ringrazia Cita Rispondi

            1 Risposta Ultima Risposta
          • C
            cla83 User Attivo • ultima modifica di

            Provato adesso, ma non va lo stesso :gtsad:

            0 Miglior Risposta Ringrazia Cita Rispondi

              1 Risposta Ultima Risposta
            • C
              cla83 User Attivo • ultima modifica di

              Ho risolto!
              ho modificato questa riga in questo modo:

              $('html, div, body').stop().animate({

              Funziona tutto correttamente, solo che l'effetto vorrei averlo da sinistra verso destra, e mi sa che non è realizzabile, perché avendo il div principale con una larghezza fissa, il div1 automaticamente flotterà in basso, perdendo l'allinamento orizzontale, dico bene?

              0 Miglior Risposta Ringrazia Cita Rispondi

                1 Risposta Ultima Risposta
              • A
                ayrton2001 Super User • ultima modifica di

                @cla83 said:

                Ho risolto!
                ho modificato questa riga in questo modo:

                $('html, div, body').stop().animate({

                Ottimo

                @cla83 said:

                Funziona tutto correttamente, solo che l'effetto vorrei averlo da sinistra verso destra, e mi sa che non è realizzabile, perché avendo il div principale con una larghezza fissa, il div1 automaticamente flotterà in basso, perdendo l'allinamento orizzontale, dico bene?
                Perché? Non modificando le dimensioni non dovrebbe fare questo effetto.

                0 Miglior Risposta Ringrazia Cita Rispondi

                  1 Risposta Ultima Risposta
                • C
                  cla83 User Attivo • ultima modifica di

                  @ayrton2001 said:

                  Ottimo

                  Perché? Non modificando le dimensioni non dovrebbe fare questo effetto.

                  Si però il problema è che se non dò una larghezza fissa al box principale (prima era l'altezza visto che doveva scorrere verticalemente) visualizzo tutto il contenuto delle pagine, invece io vorrei far scorrere le mini-pagine, chiamamole così, in quelle misure precise.

                  Comunque i problemi sono due, anche perché se non dò la larghezza fissa al contenitore principale, l'effetto scroll non funzione, ho anche provato a cambiare questa riga di codice:

                  da così:
                  scrollTop: $(target).offset().top - 10

                  a così:

                  scrollLeft: $(target).offset().left - 10

                  0 Miglior Risposta Ringrazia Cita Rispondi

                    1 Risposta Ultima Risposta
                  • A
                    ayrton2001 Super User • ultima modifica di

                    Purtroppo non riesco a capire bene il problema.
                    Non so se fa al caso tuo, ma prova a guardare questo plugin: jQuery ScrollTo

                    0 Miglior Risposta Ringrazia Cita Rispondi

                      1 Risposta Ultima Risposta
                    • C
                      cla83 User Attivo • ultima modifica di

                      Si è proprio quello che cercavo! grazie mille Ayrton!

                      0 Miglior Risposta Ringrazia Cita Rispondi

                        1 Risposta Ultima Risposta
                      • A
                        ayrton2001 Super User • ultima modifica di

                        Ottimo ;).

                        0 Miglior Risposta Ringrazia Cita Rispondi

                          1 Risposta Ultima Risposta
                        Caricamento altri post
                        Rispondi
                        • Topic risposta
                        Effettua l'accesso per rispondere
                        • Da Vecchi a Nuovi
                        • Da Nuovi a Vecchi
                        • Più Voti