Supporto » Varie ed eventuali » jQuery scroll non funziona

  • Risolto blogforum

    (@blogforum)


    Non so più cosa fare, questo codice mi sembra a posto, l’ho inserito in una pagina di prova, ma non funziona il jQuery, il resto va bene:

    <a href="#ancora">&darr; Salta il testo</a>

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam
    risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus
    ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum
    malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra.

    <a name="ancora"></a>  
    
    <script>
    $(document).ready(function()
    {
        function ScorriPagina(Posizione, Velocita)
        {
            $("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
            return false;
        }
        $("#ancora").click(function()
        {
        //Lo scroll avverrà per 0 pixel (e cioè posizione da raggiungere) ad una velocità di 1 secondo
            ScorriPagina(0, 1000);
        });
    });
    </script>
    • Questo topic è stato modificato 4 anni, 5 mesi fa da blogforum.
    • Questo topic è stato modificato 4 anni, 5 mesi fa da blogforum.
    • Questo topic è stato modificato 4 anni, 5 mesi fa da blogforum.
    • Questo topic è stato modificato 4 anni, 5 mesi fa da blogforum.
    • Questo topic è stato modificato 4 anni, 5 mesi fa da blogforum.
    • Questo topic è stato modificato 4 anni, 5 mesi fa da blogforum.
    • Questo topic è stato modificato 4 anni, 5 mesi fa da blogforum.
Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)
  • Moderatore Cristiano Zanca

    (@cristianozanca)

    Ciao @blogforum

    come spiegato molto bene da Enea qui:
    http://www.overclokk.net/come-usare-jquery-wordpress-correttamente.html

    per usare codice jQuery in WP è necessario sostituire $ con jQuery per evitare conflitti, prova con questo

    <a name="ancora"></a>  
    
    <script>
    jQuery(document).ready(function()
    {
        function ScorriPagina(Posizione, Velocita)
        {
            $("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
            return false;
        }
        $("#ancora").click(function()
        {
        //Lo scroll avverrà per 0 pixel (e cioè posizione da raggiungere) ad una velocità di 1 secondo
            ScorriPagina(0, 1000);
        });
    });
    </script>

    facci sapere

    Chi ha creato la discussione blogforum

    (@blogforum)

    Non funziona lo scroll morbido, ho messo anche questo in functions.php

    //Fa caricare correttamente jQuery
    function italystrap_add_jquery() {
        wp_enqueue_script('jquery');
    }
    add_action('wp_enqueue_scripts', 'italystrap_add_jquery');
    <div id="torna-su"><a href="#torna-su">Torna su</a></div>
    
    <script>
    jQuery(document).ready(function()
    {
        function ScorriPagina(Posizione, Velocita)
        {
            jQuery("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
            return false;
        }
        jQuery(".torna-su").click(function()
        {
        //Lo scroll avverrà per 0 pixel (e cioè posizione da raggiungere) ad una velocità di 1 secondo
            ScorriPagina(0, 1000);
        });
    });
    	
    </script>
    Chi ha creato la discussione blogforum

    (@blogforum)

    RISOLTO!

    Era un conflitto di id.

    In functions.php

    //Fa caricare correttamente varie librerie, script, jQuery, ecc.
    wp_enqueue_script( $handle, $src, $deps, $ver, $in_footer );

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut odio. Nam sed est. Nam a risus et est iaculis adipiscing. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Integer ut justo. In tincidunt viverra nisl. Donec dictum malesuada magna. Curabitur id nibh auctor tellus adipiscing pharetra. Fusce vel justo non orci semper feugiat. Cras eu leo at purus ultrices tristique.

    <div class="torna-su"><a href="#">&uarr; Torna su</a></div>
    
    <script>
    jQuery(document).ready(function($)
    {
        function ScorriPaginaSopra(Posizione, Velocita)
        {
            $("html,body").animate({scrollTop: Posizione}, Velocita, function(){});
            return false;
        }
        $(".torna-su").click(function()
        {
        //Lo scroll avverrà per 0 pixel (e cioè posizione da raggiungere) ad una velocità di 1 secondo
            ScorriPaginaSopra(0, 1000);
        });
     }); 
    </script>
    • Questa risposta è stata modificata 4 anni, 5 mesi fa da blogforum.
Stai visualizzando 3 risposte - dal 1 al 3 (di 3 totali)
  • Il topic ‘jQuery scroll non funziona’ è chiuso a nuove risposte.