+ Rispondi alla Discussione
Risultati da 1 a 3 di 3

Scroll jQuery non funziona

Ultimo Messaggio di Apthu il:
  1. #1
    Utente Premium L'avatar di Apthu
    Data Registrazione
    Aug 2012
    Località
    Verona
    Messaggi
    430

    Scroll jQuery non funziona

    L'ho trovato in rete ma non funziona. La frase diventa link ma se la clicco la pagina rimane ferma.

    Codice:
    <a href="javascript:void(0)" id="ancora">&darr; Salta le foto</a>
    
    ...
    
    <a name="ancora"></a>
    Codice:
    <script>
    $(document).ready(function(){
        function ScorriPagina(Posizione, Velocita)
        {
            $("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
            return false;
        }
        $("#ancora").click(function()
        {
            ScorriPagina(1500, 500);
        });
    });
    </script>

  2. #2
    User Newbie
    Data Registrazione
    Jul 2018
    Località
    Pavia
    Messaggi
    9
    Citazione Originariamente Scritto da Apthu Visualizza Messaggio
    L'ho trovato in rete ma non funziona. La frase diventa link ma se la clicco la pagina rimane ferma.

    Codice:
    <a href="javascript:void(0)" id="ancora">&darr; Salta le foto</a>
    
    ...
    
    <a name="ancora"></a>
    Codice:
    <script>
    $(document).ready(function(){
        function ScorriPagina(Posizione, Velocita)
        {
            $("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
            return false;
        }
        $("#ancora").click(function()
        {
            ScorriPagina(1500, 500);
        });
    });
    </script>
    Ciao, prova così:

    Codice:
       $(document).ready(function(){
         $("#ancora").click(function()
        {
            ScorriPagina(1500, 500);
        });   
        });
        function ScorriPagina(Posizione,Velocita) {
            $('html,body').animate({
                scrollTop: Posizione 
            },Velocita);
        }

  3. #3
    Utente Premium L'avatar di Apthu
    Data Registrazione
    Aug 2012
    Località
    Verona
    Messaggi
    430
    Questo funziona, fa salire e scendere la pagina:

    Codice:
    <script>// Fa salire lentamente fino sopra la pagina
    jQuery(document).ready(function($)
    {
        function ScorriPaginaSopra(Posizione, Velocita)
        {
            $("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
            return false;
        }
        $(".torna-su").click(function()
        {
        //Lo scroll avverrà alla velocità di 1 secondo
            ScorriPaginaSopra(0, 1000);
        });
     }); 
    
    
    // Fa saltare lentamente in basso alla fine delle foto 
    jQuery(document).ready(function($) {
      $(".salta a").on('click', function(event)    
      {
        if (this.hash !== "") {
          event.preventDefault();
          var hash = this.hash;
          $('html, body').animate(
          {
            scrollTop: $(hash).offset().top
          }, 1000, function() {
            window.location.hash = hash;
          });
        } 
      });
    });
    </script>
    Ultima modifica di Apthu; 23-07-18 alle 03:30

+ Rispondi alla Discussione

^ Permessi di Scrittura

  • Tu non puoi inviare nuove discussioni
  • Tu non puoi inviare risposte
  • Tu non puoi inviare allegati
  • Tu non puoi modificare i tuoi messaggi
  •  
  • Il codice BB è Attivato
  • Le faccine sono Attivato
  • Il codice [IMG] è Attivato
  • Il codice [VIDEO] è Attivato
  • Il codice HTML è Disattivato
  • Trackbacks Attivato
  • Pingback Attivato
  • Refback Attivato

SEO by vBSEO 3.6.0 PL2 ©2011, Crawlability, Inc.